Tempered Cerulean color palette — #F9F4EF · #C6DDEC · #CABCF2 · #38A2B1 · #5E4552

Cerulean and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Powder Blue (#C6DDEC): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#CABCF2): A whisper-light, dusty violet — the color of wild irises.
• Cerulean (#38A2B1): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5E4552): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Aged Terrace color palette (#EFF7F7, #D9DBE9, #9FCAFE, #6EABCA, #445469)
• Worn Teal Quarry color palette (#F0F8ED, #AFF6E9, #FFB5B4, #00B2A0, #4C4441)
• Softworn Ash Pier color palette (#F0F3EB, #BEE8ED, #7C9FCA, #4C7564, #40303F)
• Aged Cobalt Bloom color palette (#FCF3EC, #A8D2F0, #4F78C5, #005057, #0C0031)
• Sky Courtyard color palette (#FDF3EE, #D2DAEE, #2CBEF3, #008B6D, #07365F)
• Worn Denim color palette (#F3E2D9, #65B1B2, #005F72, #002D1B, #000103)
• Ancient Aqua Cabin color palette (#F3F9D7, #B6F2F2, #5ECBBD, #008B8F, #355843)
• Timeworn Azure Bloom color palette (#FFF2EC, #BBEFFF, #419BD3, #006B5F, #041A48)

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