Tempered Cobalt Field color palette — #F1F3EC · #9DCFEA · #0C84C0 · #00596B · #002720
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Sky (#9DCFEA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0C84C0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00596B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Onyx (#002720): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt Field 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
- Weathered Cerulean color palette (#F2F3E8, #ADD3B3, #008B9E, #005C58, #00252F)
- Misty Cornflower Dune color palette (#EFF4E7, #AAD4FF, #2B7FEF, #005C82, #152346)
- Worn Cobalt Garden color palette (#FDF1F7, #96CEEA, #4E7BAE, #00605F, #2D3A57)
- Gentle Olive color palette (#DAEFE4, #159FC9, #5B8D00, #005E79, #122100)
- Tempered Villa color palette (#EAEBDA, #2F9AA4, #005360, #002C2A, #000508)
- Ancient Azure color palette (#F1F3EC, #C5E1E0, #5DA5CF, #377582, #223C35)
- Byzantium Corridor color palette (#F1E5F1, #257CDB, #9D3CB1, #006964, #1D0C1F)
- Lilac Summit color palette (#E1F8F2, #EECBE9, #A5A8FA, #3D7598, #2C1C2C)
Browse the whole catalog at Explore, or see today's palette.