Ash Courtyard color palette — #F6F1EC · #C4E8E9 · #849DC8 · #377871 · #462D3B

Built around Blue Fog, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Frost (#C4E8E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#849DC8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#377871): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#462D3B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Hushed Ash color palette (#F9F4ED, #C5EBEC, #7C9DBF, #53795F, #604B5D)
• Softworn Lantern color palette (#F3F3E3, #A0BF81, #9792D8, #607C42, #432637)
• Timeworn Petrol color palette (#F1E6E1, #71C2CC, #0074A1, #004E2F, #031238)
• Forest Quarry color palette (#F9EFEC, #A1DCDC, #0090B6, #006728, #032548)
• Weathered Boulevard color palette (#EAE2D9, #557D9D, #2402AE, #001F20, #020007)
• Pale Hollow color palette (#EDE2DA, #64A6C4, #0053B3, #003A33, #0A0227)
• Weathered Harbor color palette (#F6E1DB, #1B9D9B, #005266, #002F07, #00040E)
• Antique Harbor color palette (#FAEFE8, #CEB79B, #A9745D, #724E45, #322B1C)

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