Tempered Cobalt color palette — #E5F8E4 · #ABDE82 · #00BAB5 · #0088CC · #001A07

Cerulean takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E5F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#ABDE82): A whisper-light, balanced green — the color of fresh herbs.
• Turquoise (#00BAB5): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#0088CC): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#001A07): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, 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

• Clover Courtyard color palette (#EEF6DC, #CFCE69, #0FC262, #008F9F, #0D1E04)
• Aqua Cabin color palette (#E7F6EB, #92EEC6, #0ED9F0, #6B84D8, #002619)
• Tempered Seafoam color palette (#E9FCE6, #00E7B5, #00BAAE, #008BA1, #00393B)
• Patina Delta color palette (#D2FEE8, #00D4B2, #00A7E1, #6E3CFF, #001529)
• Pale Chartreuse Summit color palette (#E4FAFF, #A5EF5C, #00DDD8, #579BE7, #0B3343)
• Cocoa Quarry color palette (#E1E7D6, #73B8B8, #56789D, #76440A, #362415)
• Wandering Cobalt Lantern color palette (#F8F0EB, #ADD1BF, #3E81BA, #005C57, #141E3F)
• Aged Cerulean color palette (#C6EEE9, #00A4AE, #00708E, #004164, #092041)

Browse the whole catalog at Explore, or see today's palette.