Tempered Cerulean color palette — #EFF7FB · #D6DAE3 · #BCC0D0 · #509BAF · #3D4A50
A conversation between Cerulean and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7FB): a clean, paper-quiet neutral.
- Silver (#D6DAE3): bright and airy, almost weightless.
- Stone (#BCC0D0): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#509BAF): A luminous, dusty blue — the color of open sky before noon.
- Charcoal (#3D4A50): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.
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
- Iris Lagoon color palette (#F0F5FF, #DCD7E7, #C5BAD1, #6D80D1, #38404E)
- Powder Harbor color palette (#EBF4FF, #B0C2E4, #949DBC, #847291, #574758)
- Lagoon Atelier color palette (#E6FAF7, #A3CECB, #669D82, #4B7B82, #244A48)
- Muted Quarry color palette (#D7E0E7, #A5B7C6, #8697A9, #005B78, #001624)
- Timeworn Hollow color palette (#D9E7F3, #2297E1, #3C4E65, #212F3C, #11191F)
- Sky Hollow color palette (#D9FEFD, #6BBCE8, #6588B8, #7F507D, #274055)
- Grape Market color palette (#E5E5EE, #C3C2D4, #A6A1B5, #73479F, #1D1D2F)
- Dusty Studio color palette (#EFF6FB, #D8D9E2, #BFBFCE, #6297B6, #3E4952)
Browse the whole catalog at Explore, or see today's palette.