Tempered Cerulean color palette — #F1F7F2 · #D3DCDD · #CEBAB2 · #03A1B3 · #3F4B42
Cerulean and Stone set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D3DCDD): a clean, paper-quiet neutral.
- Stone (#CEBAB2): A luminous, dusty orange — the color of toasted spice.
- Cerulean (#03A1B3): A luminous, balanced blue — the color of deep harbor water.
- Charcoal (#3F4B42): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Hushed Petrol Lantern color palette (#EFF6FA, #D7DAE3, #BDBED1, #338090, #3F4A4F)
- Ash Dune color palette (#F0F7F4, #DDD5D2, #A3A99B, #78A1BE, #4A5551)
- Dusty Basalt color palette (#F9F5ED, #C7C6A8, #5C9F83, #537C69, #484500)
- Wandering Cornflower Meadow color palette (#FAF2F9, #E9D5D3, #D3B9AD, #5683DB, #483B47)
- Softworn Lantern color palette (#FDF5DF, #7FC1A7, #528CB9, #716400, #2D442E)
- Ancient Azure Grove color palette (#D4EBE2, #4598CD, #5C4552, #1A342C, #131B14)
- Softworn Denim Boulevard color palette (#DEE7E2, #BBB0BB, #AC8A9A, #005D70, #00190C)
- Bronze Courtyard color palette (#EEF5D5, #B9D4B8, #A793A6, #82782E, #4C5609)
Browse the whole catalog at Explore, or see today's palette.