Weathered Cobalt Courtyard color palette — #F1E5E9 · #9AB7D4 · #5165B0 · #004A55 · #180A37

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F1E5E9): bright and airy, almost weightless.
• Ash (#9AB7D4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5165B0): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#180A37): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Cobalt 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

• Feathered Sapphire color palette (#FCEDF2, #8AC2F0, #3963E7, #005059, #1C054A)
• Muted Petrol Coast color palette (#EEE6EC, #8BBCCF, #00759B, #004D3C, #00162F)
• Soft Cornflower Field color palette (#F7EDE2, #A4C8ED, #647FDE, #006A79, #2F2552)
• Aged Studio color palette (#EDDFE9, #548090, #004257, #002017, #000104)
• Dusty Basin color palette (#F0E1E8, #5192B5, #004791, #002B2D, #03001B)
• Aged Delta color palette (#F6F0F4, #D1D3E8, #77A3BA, #2D7C58, #21394C)
• Petrol Lantern color palette (#E3F2E3, #A87300, #0071B0, #5F3F00, #001324)
• Nightshade Orchard color palette (#D7ECDB, #876500, #0061A2, #2D35B4, #100900)

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