Tempered Cobalt color palette — #F3EAFF · #007CB9 · #007463 · #051012 · #000203
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Blush (#F3EAFF): A whisper-light, dusty violet — the color of a velvet chair.
- Cerulean (#007CB9): A full-bodied, balanced blue — the color of open sky before noon.
- Teal (#007463): A full-bodied, balanced teal — the color of sea glass.
- Ink (#051012): quiet, heavy and certain.
- Black (#000203): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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
- Amethyst Balcony color palette (#F0D6E4, #7740FF, #006D90, #0A0E16, #000204)
- Moonless Petrol Pier color palette (#CDE5E7, #006E7E, #003545, #00101A, #010106)
- Olive Parlor color palette (#D1E0F1, #008777, #517000, #051012, #000202)
- Dusty Spruce Hollow color palette (#D7E9EF, #879EA7, #5C7582, #003233, #000B10)
- Linen Iris color palette (#F5D8E2, #9276FF, #008DB5, #0F1627, #00070D)
- Weathered Indigo color palette (#FDE7E6, #5A60FF, #00853C, #00110E, #020200)
- Feathered Studio color palette (#FFE3E4, #C707EE, #0070D6, #0D0B1D, #000206)
- Nocturne Grove color palette (#FFDDDD, #5016F6, #00632B, #020C0A, #000201)
Browse the whole catalog at Explore, or see today's palette.