Tempered Cerulean color palette — #F2F5FB · #DCD8E0 · #B8A7A7 · #7280AA · #4F5359

Slate Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DCD8E0): a clean, paper-quiet neutral.
• Ash (#B8A7A7): a calm mid-gray that lets other colors speak.
• Slate Blue (#7280AA): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#4F5359): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Bloom color palette (#FAF3F9, #E4D8D7, #B8B1A7, #AE90AB, #575056)
• Timeworn Driftwood Lantern color palette (#EDF2F9, #DBD5E0, #B8ABAE, #73849D, #32363D)
• Indigo Bloom color palette (#F3F5FC, #E0D6E4, #C1B4DD, #6D58B0, #3C3F4C)
• Ancient Periwinkle Summit color palette (#EAFAED, #99A3E0, #8B6897, #6B5623, #42475A)
• Patina Navy color palette (#EAEDF4, #9698AB, #716C88, #251072, #050815)
• Timeworn Studio color palette (#EEF8F3, #A5CAC1, #628D6A, #54687E, #3C534D)
• Antique Harbor color palette (#EDEEF6, #CCCAD8, #A899B9, #643F8E, #2C2D37)
• Washed Garnet Balcony color palette (#E8E4EC, #B1A4B3, #91748C, #630B44, #18101F)

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