Frosted Courtyard color palette — #F5EDE0 · #88BCED · #2F61C3 · #003C4B · #020013

A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EDE0): bright and airy, almost weightless.
• Sky (#88BCED): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#2F61C3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Frosted 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

• Petrol Bloom color palette (#F8ECDA, #78C4D6, #007196, #003E3B, #000307)
• Weathered Nightshade color palette (#EADCE0, #598FC0, #3530AC, #002B2D, #080014)
• Indigo Lagoon color palette (#F2EAE1, #89BCAE, #6172F4, #006C6F, #1D0038)
• Cobalt Study color palette (#F7E2C9, #AD6F00, #0068BA, #543400, #000104)
• Aubergine Coast color palette (#F0E3D1, #885E00, #006568, #680080, #020100)
• Patina Turquoise Garden color palette (#FEF4E3, #B7FDFF, #00ACC6, #00755E, #002938)
• Muted Terrace color palette (#FBF4E9, #D8D6E3, #67B5F8, #008692, #133269)
• Ember Field color palette (#F3DFD9, #CE5D00, #734000, #352200, #020100)

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