Cerulean Garden color palette — #FAF4EB · #B1CDB7 · #1285A1 · #006154 · #00405B
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Pistachio (#B1CDB7): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#1285A1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006154): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00405B): 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
- Softworn Coast color palette (#F8F5EF, #A7CFC4, #5277BB, #005C73, #303564)
- Softworn Cobalt Garden color palette (#F8F0ED, #AED2B4, #0087B5, #065F35, #2F152F)
- Softworn Cypress color palette (#F8F5EF, #CBE5DE, #67A4B3, #21806B, #315344)
- Worn Field color palette (#F4ECDF, #528A95, #004357, #00231F, #000A15)
- Aged Sky Corridor color palette (#EEF8F0, #AEEDF4, #47C2E5, #3B9E8E, #1D3E55)
- Washed Denim Atelier color palette (#EDE8DF, #71A8B7, #005F81, #003E3C, #00213A)
- Powdered Lagoon color palette (#E9FBD4, #68B995, #007050, #00442C, #002B1C)
- Washed Sapphire Harbor color palette (#FDF4E5, #94BCE4, #2A60E6, #005269, #29266E)
Browse the whole catalog at Explore, or see today's palette.