Tempered Cobalt color palette — #E2F3E4 · #808C00 · #0077BF · #0C0E1B · #000207
A conversation between Cerulean and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E2F3E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#808C00): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#0077BF): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#0C0E1B): A deep, shadowed, dusty violet — the color of a velvet chair.
- Black (#000207): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Quiet Lagoon color palette (#F5EDE0, #929F00, #0074C4, #002748, #000202)
- Hushed Coast color palette (#DBE9DC, #C68424, #005EBF, #0D0A1E, #000207)
- Ancient Amber color palette (#EBF1D7, #C76400, #008094, #070F16, #000204)
- Hushed Garden color palette (#DEF0DE, #78A525, #5C2CEB, #170221, #00000F)
- Hushed Raspberry Alley color palette (#E4DFC6, #EB027B, #00856D, #031112, #000203)
- Powdered Quarry color palette (#CAE5E3, #C9B92B, #7B69EC, #241834, #090C1B)
- Misty Grove color palette (#E1F3E6, #EAB22C, #0093CB, #1E2841, #011727)
- Hushed Cabin color palette (#EBECFA, #ADA5B7, #8C788A, #481F69, #121126)
Browse the whole catalog at Explore, or see today's palette.