Tempered Cerulean color palette — #D2E7F7 · #6589B8 · #626B95 · #673C59 · #270010

A conversation between Slate Blue and Cocoa, giving this palette its sense of trust and stability.

The five colors

• Frost (#D2E7F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6589B8): A luminous, balanced blue — the color of deep harbor water.
• Slate (#626B95): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#673C59): A full-bodied, dusty pink — the color of neon signs at night.
• Ink (#270010): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, 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

• Tempered Navy color palette (#C2EFF0, #3E8C9A, #2A6E91, #4D3D79, #1E0926)
• Softworn Terrace color palette (#CBEBDD, #398392, #38476D, #2E1A00, #020200)
• Nocturne Lantern color palette (#C7E7FA, #305F8F, #232D6C, #2A0A25, #0A0003)
• Cocoa Balcony color palette (#EEDAF9, #B782B1, #A25A81, #7E3B06, #2D1900)
• Timeworn Pier color palette (#E0EDFF, #A6B7DC, #9B8AC2, #976775, #482F47)
• Petrol Study color palette (#D2E4E0, #6AAEAF, #00848E, #005E54, #000C0F)
• Linen Cobalt color palette (#C9E7FC, #0082D0, #0059A3, #00388A, #010033)
• Soft Courtyard color palette (#D2E4FF, #4278E2, #C9136B, #003DD2, #130005)

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