Tempered Cerulean Garden color palette — #F4F7EA · #ACDBC3 · #008ABB · #006572 · #004468
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Pistachio (#ACDBC3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008ABB): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#006572): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004468): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Cypress Parlor color palette (#F5F6ED, #C9E4D0, #5795A4, #18706F, #26523E)
- Airy Cobalt Veranda color palette (#F9F0EA, #A4D9EC, #0089D5, #00635B, #0C1E57)
- Hushed Cerulean Terrace color palette (#EEF0E1, #4C9CB2, #00516A, #002F34, #001623)
- Tempered Petrol color palette (#F3F7E7, #68C4ED, #0076AA, #005363, #00355A)
- Quiet Sky Lagoon color palette (#ECF8F7, #C9E1FF, #46C4FE, #00A3B7, #004468)
- Wandering Azure color palette (#FFF0F9, #AEE5FA, #3CA2F1, #00837C, #283B76)
- Gentle Aqua Grove color palette (#E7FDDF, #A3F8F7, #44CBE4, #008969, #004F4A)
- Airy Cobalt Pier color palette (#BEFAE9, #00957C, #0079B6, #656400, #003A2F)
Browse the whole catalog at Explore, or see today's palette.