Cerulean Courtyard color palette — #EFF8F1 · #AECAD9 · #3E80A5 · #005F60 · #1E3C5B
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Oat (#AECAD9): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#3E80A5): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005F60): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#1E3C5B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Hushed Cobalt Basin color palette (#F7EFF4, #99D2E4, #3680C1, #005D4A, #151F39)
- Weathered Petrol Lantern color palette (#F1F7F2, #CCDFF0, #6B8BBC, #006E84, #384766)
- Patina Petrol color palette (#E8F1EA, #9BB4CE, #4265AF, #004D61, #262854)
- Softworn Navy color palette (#DDE8DF, #498AA4, #004064, #002224, #00081D)
- Washed Lagoon color palette (#FBF4E9, #C0ECD3, #73BBE6, #1F9EA0, #203C5A)
- Washed Studio color palette (#F2F4FF, #EBD2EF, #D798B9, #4868AF, #3D3C5A)
- Muted Drift color palette (#DDE3FF, #7C6CB7, #A85000, #006B55, #242946)
- Wandering Azure Harbor color palette (#FAF4F0, #B8DFC9, #589ADA, #007E66, #4F2E45)
Browse the whole catalog at Explore, or see today's palette.