Cerulean Garden color palette — #ECF4EE · #A0D0E3 · #1089A8 · #005C52 · #002437
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF4EE): a clean, paper-quiet neutral.
- Sky (#A0D0E3): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#1089A8): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002437): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ancient Meadow color palette (#ECF4EE, #C6E1F3, #6393B9, #0D6B73, #192D47)
- Timeworn Workshop color palette (#FEF2ED, #ACCFB5, #2581B0, #00633F, #283960)
- Timeworn Cobalt Coast color palette (#E3ECE5, #96B8D2, #1E6EB4, #004A54, #030F3E)
- Cerulean Cabin color palette (#D5E6D8, #2C8596, #004258, #001F1D, #000104)
- Navy Terrace color palette (#DAEADD, #6290B0, #00478F, #002A33, #01001D)
- Dusty Dune color palette (#FBF2F9, #D4D4E3, #57B1E2, #158355, #1B2D52)
- Washed Emerald color palette (#D2F0EE, #4EA768, #9F62A0, #00672F, #2D0C2E)
- Hazy Orchard color palette (#BDFCE0, #5CC096, #007A5C, #003C2A, #000F07)
Browse the whole catalog at Explore, or see today's palette.