Tempered Cerulean color palette — #F8F5EF · #C9DBE5 · #BEBEEE · #4A9FB2 · #5D4458

A conversation between Cerulean and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C9DBE5): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#BEBEEE): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#4A9FB2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5D4458): A full-bodied, dusty pink — the color of neon signs at night.

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

• Dusty Teal color palette (#F8F5EF, #C4DDE4, #A2C7F2, #50A395, #315649)
• Softworn Station color palette (#F0F7F1, #D9DDEE, #7C9CC3, #4E7587, #465369)
• Patina Cobalt color palette (#E0FEE9, #D3E4F9, #78BFEA, #4D82BB, #654762)
• Aged Chapel color palette (#EBF9F5, #E6D4CE, #7EC2DF, #A6A297, #5E4C5D)
• Wandering Azure color palette (#EAF9F4, #B1EAF0, #F8BE8F, #3DA2E8, #5E3E22)
• Cobalt Archive color palette (#FDF4E6, #9BD4F5, #177ECF, #00505A, #000336)
• Wandering Sky color palette (#F9F4ED, #BEE4F2, #62AFE0, #007E82, #102F51)
• Muted Petrol color palette (#FFF0FE, #E9D3DA, #8DB2E6, #416EA9, #3B213C)

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