Tempered Cobalt color palette — #FEF3EB · #A1D7F0 · #4780CA · #00685A · #3B386C
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#FEF3EB): bright and airy, almost weightless.
- Powder Blue (#A1D7F0): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#4780CA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00685A): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#3B386C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Aged Cobalt Studio color palette (#FBF4EC, #D2BCD5, #6B71B5, #005F65, #433154)
- Patina Cypress color palette (#FDF3EE, #CBE3D2, #5791B7, #167350, #38466B)
- Wandering Cobalt color palette (#E8F6EB, #9ADAF5, #008BCF, #006166, #03244C)
- Worn Sapphire Drift color palette (#FFF2E9, #7FC1E5, #2263E1, #005650, #361E6F)
- Faded Basin color palette (#FCF4E7, #A8E5FF, #05A5F4, #008188, #1F406C)
- Hushed Lantern color palette (#F9F4EF, #CDE4E7, #B08CA7, #007F81, #674855)
- Worn Boulevard color palette (#EADBD7, #3D8F8F, #004356, #002507, #00091A)
- Dusty Denim color palette (#F5E9E6, #68ACAF, #00607F, #00411E, #001D48)
Browse the whole catalog at Explore, or see today's palette.