Ash Courtyard color palette — #F0F7F3 · #BBD9D0 · #75A7A0 · #7F7897 · #37544C
A conversation between Blue Fog and Slate, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Oat (#BBD9D0): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#75A7A0): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#7F7897): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal Brown (#37544C): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Ash 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
- Softworn Driftwood Lagoon color palette (#EEF8F2, #A6CEC1, #789B6E, #976258, #264B40)
- Ancient Fern Ridge color palette (#F9F5E8, #B1EEE7, #ADB28E, #997E82, #4F4700)
- Softworn Lagoon color palette (#F1F7F2, #D7DEEE, #89B8D7, #19989B, #425469)
- Iris Dune color palette (#FFF0F7, #DCA37F, #70B5A0, #9584D4, #523A46)
- Muted Taupe Study color palette (#FFF0F7, #C4E6EC, #AEACCA, #C78E87, #614C54)
- Tempered Boulevard color palette (#D2EBE6, #74B590, #00856F, #813955, #003030)
- Forest Balcony color palette (#E3F4EC, #6D9050, #00642B, #612000, #071300)
- Quiet Amber color palette (#FCF2F7, #EBB79E, #76BBDF, #D06D3A, #23536A)
Browse the whole catalog at Explore, or see today's palette.