Cerulean Courtyard color palette — #F5F6E9 · #99DCE0 · #008FA0 · #006761 · #004857
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F5F6E9): bright and airy, almost weightless.
- Ice Blue (#99DCE0): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#008FA0): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Orchard color palette (#F5F7E9, #86C3CD, #007B91, #005655, #00394A)
- Muted Petrol Coast color palette (#F4F6EF, #C1E5DB, #698DB9, #006B91, #35476A)
- Airy Aqua color palette (#E5FBF6, #93F8FF, #00CDE6, #00A69E, #004857)
- Turquoise Dune color palette (#FDF1FA, #A8E8ED, #00ABD6, #008662, #194364)
- Weathered Abyss color palette (#E2E3D2, #78997A, #00545B, #00302B, #00171D)
- Sapphire Boulevard color palette (#D1F7D8, #00919C, #4B63DE, #297300, #00383D)
- Orchid Thicket color palette (#DEFFE8, #00A6BC, #A052DA, #006877, #4E1E6F)
- Washed Basin color palette (#E6E9DF, #70A6C6, #005C90, #003C4B, #002040)
Browse the whole catalog at Explore, or see today's palette.