Tempered Cobalt color palette — #FFF2ED · #8ADEE7 · #008ABC · #006B3F · #253E6D
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Ice Blue (#8ADEE7): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#008ABC): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006B3F): A full-bodied, balanced teal — the color of sea glass.
- Navy (#253E6D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, 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 Lantern color palette (#FFF3E9, #99D8FA, #477BDD, #00675F, #403961)
- Timeworn Orchard color palette (#FFF2EC, #55CAE0, #0075AE, #00583E, #1C2B6C)
- Tempered Forest color palette (#FFF2EF, #AAEBE6, #5495A8, #446E43, #285047)
- Cerulean Parlor color palette (#E3F7F3, #99DDE6, #0092AB, #006261, #002A36)
- Aged Garden color palette (#F2E4DE, #38A0A4, #00516A, #003213, #00132F)
- Worn Sapphire color palette (#FFF4DC, #BBA225, #2063EB, #6C5B00, #203969)
- Sky Balcony color palette (#FCF1FA, #BEEDFF, #36C7FB, #00A984, #12426C)
- Wandering Navy Courtyard color palette (#F7EAE0, #408AAD, #00338B, #00231F, #0B0126)
Browse the whole catalog at Explore, or see today's palette.