Cerulean Courtyard color palette — #F1DDE9 · #008EAE · #004065 · #00231F · #00022D

Built around Cerulean, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F1DDE9): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#008EAE): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004065): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#00231F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00022D): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Frosted Navy Study color palette (#DCE7DB, #5685B0, #1F2D8D, #002127, #0C0026)
• Wandering Denim color palette (#EBE0D9, #579EB2, #005B99, #003D2F, #05002C)
• Muted Cobalt color palette (#E4DDD2, #69ABC1, #007DB1, #005D5E, #000919)
• Petrol Coast color palette (#F9EAEF, #87B7DD, #4465AD, #004E56, #2B2750)
• Muted Forest color palette (#FBF2F8, #8ED3D2, #08869D, #00633C, #1D3E56)
• Airy Coral color palette (#FDDFED, #D57771, #975806, #462061, #220009)
• Mulberry Orchard color palette (#F0E6F9, #910063, #004B2E, #3F0029, #000803)
• Cerulean Villa color palette (#FBF2F8, #BBE3F7, #5C91B3, #287063, #39495E)

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