Tempered Cobalt color palette — #F1F7F2 · #C1E1FC · #5A8CCE · #006E82 · #394864
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#C1E1FC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5A8CCE): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006E82): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#394864): A full-bodied, dusty violet — the color of a velvet chair.
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
- Dusty Cerulean Balcony color palette (#F0F8F1, #B7E5F2, #2F9AA8, #237159, #2F4C5C)
- Ancient Iris color palette (#F9EFF2, #BFE1FD, #768CC3, #196B69, #262A44)
- Weathered Cerulean color palette (#DBEADD, #398BA9, #004162, #002224, #00091B)
- Aged Denim color palette (#DAE2DC, #6DAAB4, #00617A, #003F38, #002236)
- Washed Terrace color palette (#FBF4EC, #C4F0E0, #8DA4D8, #498783, #5D3C4C)
- Timeworn Petrol Orchard color palette (#EAFAED, #76C7CE, #007B93, #00574A, #00384F)
- Sapphire Workshop color palette (#E6F2E9, #8CB6DE, #3262C1, #004D60, #252951)
- Gentle Archive color palette (#BAF0ED, #51B991, #008B76, #006460, #1A495A)
Browse the whole catalog at Explore, or see today's palette.