Tempered Cobalt color palette — #F0F4E3 · #88C5E2 · #007AB0 · #004F5E · #001B32
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F0F4E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#88C5E2): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#007AB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004F5E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001B32): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt 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
- Cerulean Workshop color palette (#F2F3E4, #99DEE2, #0093A4, #00635C, #002A34)
- Dusty Cobalt Veranda color palette (#FFF0F8, #87C1DB, #0070C0, #005654, #1E2774)
- Ancient Denim color palette (#E8EBDE, #6FA4C2, #005D90, #003745, #000B1C)
- Antique Lagoon color palette (#E3E4D2, #389B9C, #00545B, #002C27, #000507)
- Linen Azure color palette (#FFF2EA, #D7E5F9, #409EF4, #00726F, #141C56)
- Quiet Byzantium Harbor color palette (#F0E5FF, #962FE0, #BB0046, #005883, #17002A)
- Aged Station color palette (#F1F3EC, #C6E0E2, #76A89B, #4C7562, #422E42)
- Grape Basin color palette (#F6EEFF, #EFBFF8, #D87DBD, #6448B0, #2F133A)
Browse the whole catalog at Explore, or see today's palette.