Cerulean Courtyard color palette — #E7F2E9 · #87D4D2 · #0097A8 · #006F53 · #003442
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ice Blue (#87D4D2): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#0097A8): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006F53): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Softworn Turquoise color palette (#EFF8F1, #ADDDEF, #00A6C7, #007E6D, #203E53)
- Muted Teal color palette (#F6F6EA, #BAEBDC, #00A5AE, #006B5D, #002329)
- Dusty Lantern color palette (#E7F4E9, #70BFD2, #007FA9, #005956, #00213A)
- Powdered Cobalt Cabin color palette (#E6F2E8, #98CCEB, #328ADB, #006A77, #1A2B55)
- Tempered Denim Lantern color palette (#E6F2E8, #539FAD, #00627C, #003C37, #000A15)
- Washed Aqua Lantern color palette (#F1F7F2, #D2E1F2, #63C1D5, #4E9682, #425562)
- Aged Boulevard color palette (#E3EFFF, #E5CAEE, #DC8FF5, #2D7CAE, #253048)
- Nightshade Balcony color palette (#D3EEF9, #02ACED, #0073BE, #1B4AA9, #282A59)
Browse the whole catalog at Explore, or see today's palette.