Tempered Cerulean color palette — #ECF7FF · #0096C7 · #787900 · #00642C · #00252E
Built around Cerulean, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Cerulean (#0096C7): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#787900): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#00642C): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00252E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Tempered Cerulean 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
- Sunlit Forest Bloom color palette (#E7FBEF, #00AED7, #887800, #056916, #001110)
- Hushed Cobalt Loft color palette (#D9E7F8, #2C80D8, #396600, #004F3D, #001820)
- Bronze Market color palette (#E3FAFF, #00ACA2, #A66300, #645C00, #022B10)
- Lagoon Parlor color palette (#F2F5FF, #8C89D2, #2E9471, #006974, #18293C)
- Feathered Hollow color palette (#ECF7FF, #BD6546, #6D7300, #006338, #00212C)
- Wandering Lagoon color palette (#FFF1F5, #D48DFF, #E17800, #008B61, #1B1C3F)
- Magenta Lantern color palette (#EFEBFF, #C911E3, #00757E, #004771, #1B0B45)
- Grape Atelier color palette (#DBDFF7, #7242D4, #005D49, #003B44, #000221)
Browse the whole catalog at Explore, or see today's palette.