Tempered Cerulean color palette — #DDF6E7 · #0093BB · #545192 · #4B4000 · #14324D

A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DDF6E7): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0093BB): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#545192): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#4B4000): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Teal (#14324D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

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

• Tempered Garden color palette (#D0F9F1, #4B88D3, #72428B, #224C08, #253049)
• Denim Market color palette (#FFE7F0, #00999B, #295B97, #603300, #003743)
• Mulberry Corridor color palette (#E1F6FF, #008698, #793672, #473900, #003618)
• Tempered Cypress Orchard color palette (#EAF9F5, #76A88D, #277069, #2B4F67, #183C3C)
• Cobalt Studio color palette (#FCF2F6, #ACC9DF, #4D7AB3, #005F61, #32375D)
• Washed Pewter color palette (#D0EDFC, #94A7CB, #797096, #375A4D, #164345)
• Linen Alley color palette (#D2F2E4, #006E9B, #442084, #252700, #001436)
• Garnet Boulevard color palette (#FFE2D9, #6689CC, #555097, #69073B, #0E1435)

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