Ash Courtyard color palette — #F1F3EC · #C5E2E2 · #6EA3C6 · #307586 · #203C35

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C5E2E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6EA3C6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#307586): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#203C35): A deep, shadowed, dusty teal — the color of sea glass.

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

• Worn Lagoon color palette (#F1F3EC, #BAE8D7, #5493C7, #006983, #39233A)
• Petrol Atelier color palette (#E9EADE, #9BBDA1, #007989, #004B48, #001921)
• Softworn Amber Hollow color palette (#EDF5E7, #76C5AD, #C29250, #18846B, #35302A)
• Aged Field color palette (#F2F3E8, #8BE1DE, #00959C, #006356, #002B31)
• Navy Pier color palette (#E3E8DC, #568EC4, #004595, #00293C, #00001F)
• Powder Meadow color palette (#EDF8F7, #D6DCEB, #93B6D2, #688C9F, #415568)
• Hazy Lagoon Workshop color palette (#EAF2D4, #80C29D, #29A47E, #0C6955, #2E3F28)
• Iris Loft color palette (#E7F7E6, #55ADAA, #5F8ED5, #6A8241, #1D2C1C)

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