Basalt Courtyard color palette — #EBDEE2 · #9EAEA4 · #61897E · #502F00 · #1F0D14

Espresso takes the lead with Storm Blue close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#EBDEE2): bright and airy, almost weightless.
• Ash (#9EAEA4): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#61897E): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#502F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1F0D14): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Orchard color palette (#EDE6EC, #B6A3AD, #6D876F, #6D0017, #1D0D1C)
• Softworn Studio color palette (#E8F3ED, #8C9E9A, #547878, #312B00, #020C06)
• Worn Bronze Thicket color palette (#EAE5DF, #A89E8F, #957732, #4B3000, #080300)
• Chestnut Orchard color palette (#E9F1E9, #A8BAAC, #809E8C, #704A00, #081809)
• Ancient Summit color palette (#DDE7E6, #A9BDC0, #75949F, #005414, #112321)
• Dusty Grove color palette (#EEF8EF, #C5D8CF, #87B0A9, #775300, #253927)
• Hushed Olive Studio color palette (#F2DFD1, #797921, #005A38, #3D1A41, #300117)
• Hushed Pine Orchard color palette (#EEF7F7, #D4DCE3, #B9C0CA, #468360, #3C4B4B)

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