Tempered Cerulean color palette — #DFF8FF · #6EC3DA · #3494CD · #426794 · #524C68

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#DFF8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#6EC3DA): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3494CD): A luminous, balanced blue — the color of deep harbor water.
• Slate (#426794): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#524C68): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Weathered Amber color palette (#EEF6FF, #83B5E7, #D48053, #3F76AB, #5E4452)
• Powder Lantern color palette (#D9FCE4, #9FE7FF, #80C1E9, #6892BF, #5E465A)
• Tempered Cobalt color palette (#EEF6FF, #B1CCFA, #5485C2, #314F7E, #233752)
• Washed Iris Grove color palette (#EEF6FF, #95ACE7, #7D76CA, #70578C, #55506A)
• Weathered Lagoon Lagoon color palette (#D7FFFA, #7FD0B6, #00A194, #08747C, #385768)
• Hushed Shell color palette (#EDF6FF, #DBD9E3, #F0BACB, #629DAA, #434C59)
• Dusty Amber Basin color palette (#ECF7FF, #5CA0CB, #C2723F, #857634, #324553)
• Aged Nightshade Dune color palette (#A9ECFF, #00A4EF, #0071D9, #3F34AE, #473570)

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