Softworn Cobalt color palette — #ECF4F1 · #DED0CC · #CCB4B1 · #457AA7 · #222F2C

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DED0CC): bright and airy, almost weightless.
• Rosewood Mist (#CCB4B1): A luminous, dusty orange — the color of autumn markets.
• Slate (#457AA7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#222F2C): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Cobalt 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 Veranda color palette (#F9F3F9, #E6D7DA, #CFBABD, #5C7698, #4C454C)
• Worn Indigo Chapel color palette (#F8EFF2, #E6D2CB, #DBB5AF, #7758A7, #2D2126)
• Aged Atelier color palette (#F1F6FB, #DAD9E4, #CBBFC2, #79A1D3, #394049)
• Aged Grove color palette (#D4EFE1, #C7ADC3, #A47A84, #695D0B, #2E3C21)
• Indigo Basin color palette (#EFDDE9, #5F69CA, #3B2747, #1F101B, #020806)
• Tempered Ultramarine color palette (#FAEDF7, #E9CAD7, #CD9CA4, #2F4BC5, #261123)
• Dusty Olive Chapel color palette (#F9F0E6, #C1B28C, #657F41, #684A5F, #2E2613)
• Patina Boulevard color palette (#F2EAF2, #AB9AA3, #8A7097, #003371, #09010A)

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