Back at it again with the next number in the #dailyui series.

Every once in a while, I will come across some cool swatches or colour palettes on Pinterest then I save them for future use. Well, folks, today is the day I finally used one!

Fall is my favourite season. I love seeing the leaves turn shades of yellow, brown, orange, and red. I live for the dark green, blue, red, burgundy, and plum colours that pop up in fall fashion as well. In my adventures scrolling through Pinterest yesterday, I came across this gem:

For those who want to check out the Bloody Moon Color Palette #55 and others, visit this link. Did I load all of those swatches into XD? You bet I did…and also proceeded to enter the #4B2B31 hex code incorrectly. It’s fine. I still ended up using it.

Normally I don’t use muted colours or split my design layouts like this, but why not switch things up a bit?

Earlier this year, I saw the light and downloaded a bunch of Adobe XD plugins to speed up my workflow and make things less difficult for myself. I found this article, which goes in depth about each plugin, how it’s useful, and has instructions on how to install each. Lorem Ipsum is one of the plugins mentioned, and while I downloaded the majority of them, I haven’t used all. If you have any recommendations for other ones to use, send them on over!

When I start to design these exercises, I use the Adobe XD default font Segoe UI, then I change it later on in the process. For the headings I went with Big Caslon FB, then Brandon Grotesque for the blurb underneath, subject dropdown menu text, and the message placeholder text. I saw Big Caslon FB first and downloaded it, then came across Brandon Grotesque and thought they would make a great match. You know how sometimes you pair fonts together, say, “Hey, this will be great!” but second guess yourself until you see them used out in the wild? I headed over to the typ.io website to double check and see other possibilities in case I didn’t come across any other example of work where both were featured together. While I did find examples of Adobe Caslon and Brandon Grotesque together, I didn’t find Big Caslon FB.

It wasn’t a deal breaker. They share similarities. I kept them and continued on.

While I used #0A0A0A for the heading in the above screenshot, I also liked how the plum (#442B31) looked against the dusty rose background (#F6CFB9). Both are great, but the plum and dusty rose combo gives it a softer appearance than the black and dusty rose.

Side note: It looks very much like a dusty rose background on my laptop in XD, and a peachy nude background when viewed on my phone in the Squarespace app. The plum also looks brown on my phone. Anyway, it’s still fine.

A) Dusty rose background with plum text on top

B) Dusty rose background with black text on top

Which do you prefer? I’m leaning towards A when I look at it on my laptop, but I also like how B looks on my phone.