Tempered Cerulean color palette — #E7FBEC · #80E6F6 · #BBC275 · #009BAD · #3A3831

Cerulean and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#80E6F6): A whisper-light, balanced blue — the color of open sky before noon.
• Pistachio (#BBC275): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#009BAD): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#3A3831): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Tempered Cerulean 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 Cobalt Canyon color palette (#E4FBF3, #AADBFF, #93CB95, #2C92D0, #224124)
• Hazy Lagoon Archive color palette (#EBFAEB, #86E7E7, #BEAEF6, #009E9E, #3A3255)
• Emerald Coast color palette (#F2F8E4, #A0E7BB, #EDAA71, #479E6D, #522E0A)
• Antique Turquoise Meadow color palette (#E4FCF0, #BDE7EA, #CABFC4, #69ADBE, #375147)
• Turquoise Lagoon color palette (#E8FBEF, #84DAF3, #FF9F9D, #00B0D2, #653030)
• Aged Veranda color palette (#CFE8D9, #008DA8, #5B7100, #004352, #010100)
• Aqua Hollow color palette (#E0FEED, #57CBF0, #A7A0E4, #65A27C, #123223)
• Tempered Cobalt color palette (#FDF1FE, #BCF5D3, #5179A6, #452F47, #150B16)

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