Cerulean Garden color palette — #FFF2ED · #84DFE8 · #008ABC · #006B3E · #233E6F
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Ice Blue (#84DFE8): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#008ABC): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006B3E): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#233E6F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Cobalt Alley color palette (#FBF4EE, #A2D1BA, #3479CB, #006154, #363659)
- Timeworn Cerulean color palette (#EBF5ED, #8EDFE9, #0091B1, #006357, #00293D)
- Quiet Turquoise Studio color palette (#FDF4E7, #81EEFC, #00ACD2, #008475, #034563)
- Timeworn Canyon color palette (#FAF4F0, #C8E9E8, #799CC5, #367D6D, #5F4C58)
- Tempered Lagoon Grove color palette (#F3E6E1, #4C9EA2, #00516B, #003215, #001330)
- Sunlit Sky Orchard color palette (#FDF1FA, #BEEDFF, #42C6F7, #16A984, #184268)
- Pale Navy color palette (#EEE4DC, #368AB0, #003685, #00231F, #0B0027)
- Sunlit Sky color palette (#F5F9D9, #AEFFF8, #61BAFF, #917200, #1C4D3C)
Browse the whole catalog at Explore, or see today's palette.