Tempered Cerulean color palette — #FAF3F9 · #C0E5F6 · #6E86B2 · #543D52 · #20181F

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

The five colors

• Ivory (#FAF3F9): bright and airy, almost weightless.
• Powder Blue (#C0E5F6): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6E86B2): A luminous, dusty violet — the color of wild irises.
• Charcoal (#543D52): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#20181F): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Aged Cerulean Quarry color palette (#EDF8F2, #B0E4EB, #3B92AF, #2A4F3E, #151E19)
• Denim Lantern color palette (#F9F3F8, #D6BC96, #4B5D83, #443242, #2C2124)
• Antique Plum color palette (#FFF2F2, #EED8BE, #A35890, #4D2B44, #190B0C)
• Ancient Corridor color palette (#FAF3F6, #E2DAE3, #DA94C6, #9B90CC, #281A1B)
• Hushed Quarry color palette (#FDF1FB, #FBD8A2, #B392AE, #786775, #30282F)
• Weathered Mallow Garden color palette (#FFF1F5, #DAAFF7, #E89587, #A3784F, #3E2C31)
• Patina Mallow Boulevard color palette (#FFF1F5, #EBD7E0, #D795D3, #A1648E, #652E49)
• Ancient Chapel color palette (#FFF2EB, #F9CBFB, #D386AE, #916949, #4D393B)

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