Tempered Cobalt color palette — #F4F6EE · #9BCCEE · #3F7DB3 · #025C76 · #483149
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Sky (#9BCCEE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3F7DB3): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#025C76): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#483149): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Hushed Cerulean Grove color palette (#F4F6ED, #96CFE2, #2D82A5, #005E68, #194336)
- Weathered Azure color palette (#F0F7F1, #BCD8F0, #6499D5, #00798C, #2D395A)
- Ancient Cobalt color palette (#F7F1E8, #A3D4C2, #557EAF, #005967, #131E40)
- Weathered Chapel color palette (#FBF4ED, #C3EADC, #98B1EA, #00A09B, #3E3160)
- Navy Courtyard color palette (#E1E5DA, #4486BB, #003C74, #00202E, #000625)
- Antique Ash color palette (#F4F6EE, #C0ECED, #739FC0, #4F7962, #3F5952)
- Aged Orchard color palette (#FFE9E6, #D95B8E, #4776CA, #8C2F57, #1C345F)
- Dusty Courtyard color palette (#E6EADF, #6FA3D9, #0051B5, #003A55, #0E1B44)
Browse the whole catalog at Explore, or see today's palette.