Tempered Cerulean color palette — #F2F5FF · #EBD9E0 · #FFB7BB · #6087BB · #1E1E3D

Slate Blue and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Silver (#EBD9E0): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#FFB7BB): A whisper-light, balanced red — the color of late-summer berries.
• Slate Blue (#6087BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1E1E3D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Villa color palette (#F3F4FF, #ECD9DC, #CDBFA5, #788EC7, #342A49)
• Apricot Pier color palette (#F9F2FF, #FCD1D0, #F6937E, #5E64AA, #140724)
• Airy Harbor color palette (#FFEDF4, #F4D3FF, #F4A7E9, #9D8CF4, #3B2849)
• Violet Quarry color palette (#F7F2FF, #E8DDD7, #FFC58D, #996AC4, #521221)
• Quiet Blush Boulevard color palette (#FFEDF6, #E8BDE8, #EB718B, #325F93, #432733)
• Hazy Basin color palette (#E2E4FF, #D8B2E2, #C47FB9, #5A4F92, #17132C)
• Ancient Lilac color palette (#EFE9D7, #4AEDFB, #AC8BEB, #190C2D, #010008)
• Peony Field color palette (#FFF0FE, #FFF5AC, #D7DBCE, #C973AE, #582B18)

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