Tempered Cobalt color palette — #C4EBF3 · #4E89C9 · #00799A · #005072 · #00192B
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#C4EBF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#4E89C9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005072): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#00192B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Tempered Lagoon Workshop color palette (#C4E7E7, #0099A0, #007784, #005565, #00131A)
- Gentle Onyx Lagoon color palette (#D0F3F0, #008FA0, #005975, #00355F, #030041)
- Hushed Azure color palette (#DEEEFD, #2AA1FC, #0076C4, #00497E, #00040C)
- Dusty Magenta Dune color palette (#D9F3EA, #0096DD, #D50FB5, #00699C, #21001B)
- Timeworn Boulevard color palette (#DBE2EE, #2273FC, #BB00C1, #007675, #00051E)
- Nightshade Harbor color palette (#E0F1FF, #0078DD, #0053B9, #1228A8, #060036)
- Chalky Atelier color palette (#F8E7FB, #99BEFA, #9596FF, #0081B5, #00153A)
- Wandering Lantern color palette (#E9EFFF, #92A0FF, #827AFF, #674CBE, #301E50)
Browse the whole catalog at Explore, or see today's palette.