Tempered Cerulean color palette — #CDF3F1 · #1F8995 · #00516C · #401E31 · #22102E

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CDF3F1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1F8995): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00516C): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#401E31): A deep, shadowed, dusty rose — the color of a warm blush.
• Deep Indigo (#22102E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Cobalt Ridge color palette (#D9F5FF, #0082B6, #274876, #412149, #361115)
• Softworn Basin color palette (#D4E4DE, #007980, #224E6A, #450E29, #1E0001)
• Ancient Chapel color palette (#DAF3F3, #007D86, #004D58, #00262E, #040E1D)
• Hushed Cerulean Thicket color palette (#D3EBE2, #2D9BA6, #396C8A, #56283D, #340607)
• Aged Hollow color palette (#D1E7D9, #00836D, #00514F, #0F2F5C, #2C1C00)
• Aubergine Archive color palette (#D2EBDE, #006985, #77008C, #003241, #1E0025)
• Cobalt Hollow color palette (#C9F8FC, #33A7C4, #0078B2, #594579, #5A2941)
• Aged Cerulean color palette (#CDE5DF, #768EC1, #5F5C8E, #64403F, #50291C)

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