Cerulean Garden color palette — #F0F7F1 · #9FCEDA · #008896 · #006249 · #173F53
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Sky (#9FCEDA): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#008896): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006249): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#173F53): 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 Garden 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
- Muted Cobalt color palette (#F0F7F1, #A5CAE7, #217BCA, #005E6A, #2A3B56)
- Patina Cerulean color palette (#F7EFF7, #95D5D2, #008AA8, #2E5B2F, #0A2238)
- Timeworn Canyon color palette (#F6F6EC, #CCE9CB, #66C3C9, #389F8D, #00434C)
- Pine Basin color palette (#FFF2EE, #96E5E3, #50A1BD, #467A4C, #48314A)
- Hushed Petrol Chapel color palette (#F1F7F2, #DADDED, #8199C7, #37788E, #485269)
- Lagoon Harbor color palette (#E5F2E7, #169296, #004450, #00231B, #000B12)
- Denim Bloom color palette (#DEE9E0, #5CADB5, #006176, #003F36, #002333)
- Weathered Orchid color palette (#E6E0FF, #A851B0, #8A6600, #00676F, #2D2643)
Browse the whole catalog at Explore, or see today's palette.