Tempered Cerulean color palette — #F0F3EB · #BEE7DA · #6790C1 · #31657E · #382436

Slate Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F0F3EB): a clean, paper-quiet neutral.
• Celadon Mist (#BEE7DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6790C1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#31657E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#382436): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Cerulean Corridor color palette (#F1F3EA, #AEE7F4, #429AB5, #136B6E, #103426)
• Ancient Denim color palette (#EEF0E4, #58AABB, #006279, #00393B, #000D14)
• Cobalt Workshop color palette (#EFF4E5, #A0D7FF, #1487DD, #005E7A, #03234D)
• Powder Lantern color palette (#FAF4ED, #C3E3F7, #9DBBF5, #4E8D95, #523446)
• Cerulean Delta color palette (#E7EBD7, #0084AD, #00405E, #001E25, #000104)
• Washed Aqua color palette (#F2F3E5, #53CFDF, #007F95, #005151, #001E28)
• Blush Balcony color palette (#FFEDEA, #EE7996, #6E89D7, #98465B, #361D32)
• Rose Hollow color palette (#FFEEE7, #DA6263, #9E7A00, #7E5C8C, #2F170E)

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