Tempered Cobalt color palette — #FFF2EC · #B3D9BF · #008ABE · #006857 · #133F75
Cerulean and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Pistachio (#B3D9BF): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008ABE): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006857): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#133F75): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Gentle Studio color palette (#FEF3E9, #ABD3F6, #5278DD, #006570, #3E376B)
- Sunlit Field color palette (#FFF2EB, #85C2D4, #0076AC, #00574C, #002A7A)
- Wandering Cerulean Garden color palette (#E6F6F3, #99DCEA, #0091B0, #006264, #002939)
- Worn Ridge color palette (#CCF4E4, #00AEA6, #008591, #005A71, #003F6C)
- Hushed Mallow Ridge color palette (#DDFFE9, #CBE1FF, #C2A3EB, #008272, #1A4F73)
- Patina Cypress Courtyard color palette (#FAF4F0, #CDE4E4, #789DC4, #007F7D, #63495C)
- Dusty Sky Boulevard color palette (#E9F8FF, #45BAEE, #0078A1, #00455C, #002E3F)
- Patina Atelier color palette (#E4FCEE, #00A4C8, #D04B4A, #00677F, #6B1518)
Browse the whole catalog at Explore, or see today's palette.