Tempered Cobalt color palette — #F1E8DA · #92BDA3 · #007FAC · #005957 · #00213B
A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E8DA): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#92BDA3): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#007FAC): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005957): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00213B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Frosted Sapphire color palette (#F0E8DB, #8DBDB1, #3E6DD9, #00566D, #181151)
- Tempered Cobalt Field color palette (#EDF9EF, #85DAF1, #0085B4, #00514F, #000D1D)
- Washed Lantern color palette (#F8E9E0, #55ADC2, #005C91, #00402E, #131946)
- Tempered Azure color palette (#F7ECF3, #82CDE0, #3199E2, #008061, #151B40)
- Cerulean Harbor color palette (#FCF4E7, #80DED7, #009FAC, #007654, #003947)
- Hushed Hollow color palette (#F8F5EF, #BBDDD3, #7096D4, #007892, #31375D)
- Muted Lagoon color palette (#F8F5EF, #CEE3DE, #7BBDCE, #479784, #315245)
- Raspberry Workshop color palette (#FBE4E3, #BC3987, #706D00, #00617F, #270017)
Browse the whole catalog at Explore, or see today's palette.