Tempered Cerulean color palette — #EAF8FF · #E5D5CE · #598F9E · #304A57 · #141D21
A conversation between Storm Blue and Charcoal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF8FF): a clean, paper-quiet neutral.
- Bone (#E5D5CE): A whisper-light, dusty orange — the color of autumn markets.
- Storm Blue (#598F9E): A luminous, dusty blue — the color of deep harbor water.
- Charcoal (#304A57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#141D21): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Muted Cobalt Harbor color palette (#F0F5FF, #F1E7B0, #6373A9, #2B3851, #0A0F1A)
- Tempered Cypress color palette (#E9F4F7, #9CD0C3, #256E6F, #133640, #0B1619)
- Tempered Taupe Grove color palette (#F1F7F2, #E2E1BA, #88A889, #5A755C, #252E26)
- Tempered Courtyard color palette (#EEF7FA, #D0D6EA, #CD9BC8, #38ABBB, #1F1C28)
- Weathered Aqua color palette (#EAF8FF, #77D2EB, #D59E97, #AA716A, #20353F)
- Pewter Pier color palette (#E5FBF2, #B1E6FF, #9F9CC8, #727743, #33414F)
- Petrol Harbor color palette (#EFF6FF, #FFC192, #3A649E, #122843, #00040D)
- Antique Ash color palette (#F0F6FB, #DAD9E2, #BEB3AF, #8AB4D1, #464E55)
Browse the whole catalog at Explore, or see today's palette.