Tempered Cerulean color palette — #F9EEF5 · #9BDEDC · #0092AB · #00663C · #00283D
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Blush (#F9EEF5): a clean, paper-quiet neutral.
- Ice Blue (#9BDEDC): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0092AB): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00663C): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00283D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Timeworn Workshop color palette (#F9EEF5, #AED6ED, #008AD2, #00635A, #0C2054)
- Petrol Summit color palette (#FCECF7, #7ACBCF, #007E9B, #005439, #001C30)
- Tempered Cypress Field color palette (#F6F0F4, #D3D2E7, #6BA5C3, #2D7A67, #27374A)
- Muted Pine Veranda color palette (#FFF2EB, #92EEEA, #00AECA, #008851, #004564)
- Dusty Navy Meadow color palette (#F9ECF4, #498194, #003F64, #00201C, #00000C)
- Aged Bloom color palette (#EADDE4, #7BA2BB, #005A9B, #003937, #030032)
- Misty Atelier color palette (#F1EAD6, #A09E00, #4D7700, #00541D, #003020)
- Muted Courtyard color palette (#D4FFD8, #65C585, #007F46, #004613, #001504)
Browse the whole catalog at Explore, or see today's palette.