Ash Courtyard color palette — #F0F6FA · #B8E9E4 · #78A5BE · #4F7289 · #232D34

Blue Fog and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Sea Foam (#B8E9E4): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#78A5BE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4F7289): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#232D34): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged luxury, dark, muted, cool.

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

• Worn Pewter color palette (#F3F5FC, #F1D2F0, #939CC1, #6C6690, #282B37)
• Cerulean Pier color palette (#EFF6FD, #E9C5D9, #5A82A2, #32506B, #212D37)
• Aged Stone color palette (#EBF4EF, #A8D0A0, #2C6A80, #20372C, #0D1612)
• Pale Denim color palette (#EFF6FF, #84E6B9, #5B8EDD, #2158AC, #0C1B2E)
• Patina Denim Alley color palette (#EAEEFC, #FAB2B6, #827FC1, #524C8C, #101528)
• Hushed Emerald Pier color palette (#D8E8F8, #449B68, #004C7D, #00162A, #000205)
• Hushed Taupe color palette (#EAF8FB, #8DD0C5, #CC955F, #978F4B, #233A39)
• Worn Villa color palette (#FEF1FA, #D9C6F4, #C99DCA, #BC7863, #46445E)

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