Basalt Courtyard color palette — #FFEBD2 · #523600 · #002519 · #00081B · #060003

Cocoa takes the lead with Onyx close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFEBD2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#523600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#002519): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00081B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Basalt Courtyard into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Lowlit Fern Quarry color palette (#F7EDCB, #6D6400, #333D00, #091900, #000604)
• Moonless Meadow color palette (#F6E7E0, #760403, #172300, #000B11, #040006)
• Muted Coast color palette (#F1E8DC, #6E6D37, #1E4418, #011F43, #1E061F)
• Worn Boulevard color palette (#DBF2DE, #926A00, #376400, #00403A, #060000)
• Onyx Basin color palette (#FADBE9, #864400, #003F50, #170055, #01000E)
• Airy Ember Bloom color palette (#F9E8D2, #CB6000, #775400, #384900, #030200)
• Muted Thicket color palette (#E7DECF, #4987B4, #00397D, #002129, #030228)
• Wandering Onyx color palette (#F0EDD3, #4F6000, #003E4A, #310046, #220900)

Browse the whole catalog at Explore, or see today's palette.