Softworn Cerulean color palette — #FFF1F2 · #BE82A9 · #069CA7 · #2F848C · #513C3D

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Dusty Rose (#BE82A9): A luminous, balanced pink — the color of neon signs at night.
• Cerulean (#069CA7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#2F848C): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#513C3D): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Softworn 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

• Cobalt Villa color palette (#FFF2ED, #CE7F76, #588CC9, #5579A3, #48403D)
• Dusty Emerald Parlor color palette (#FFF0F9, #9290CE, #499E66, #3E8668, #4E3C46)
• Dusty Grove color palette (#FFF2EF, #F08FAC, #9DAD72, #6A98BA, #503D3A)
• Blush Coast color palette (#FAECFF, #D87B98, #86955E, #577D99, #2D2331)
• Frosted Crimson color palette (#FFE3E5, #E02E5A, #008095, #2B5F87, #4D2026)
• Worn Frost color palette (#FFF1F1, #C0F6E7, #E2DBD0, #A37D8C, #5A4843)
• Softworn Boulevard color palette (#FCF1FF, #FDADC1, #87CEBC, #64B0C8, #4A3D4E)
• Wandering Cobalt color palette (#FFF3E8, #D78540, #2E68B7, #534695, #3D3732)

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