Softworn Cobalt color palette — #F7F0EB · #B1D0C2 · #527CBD · #005C53 · #201843

Built around Cerulean, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F0EB): a clean, paper-quiet neutral.
• Oat (#B1D0C2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#527CBD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C53): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#201843): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

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

• Cobalt Balcony color palette (#FCEFE8, #7EC8DC, #0077BD, #00543F, #0F0058)
• Forest Chapel color palette (#F9EFED, #B7CFB5, #2388A4, #006116, #02213E)
• Cobalt Basin color palette (#F8F4EE, #A7D0BE, #2F7DBD, #005E68, #4B3049)
• Antique Periwinkle Villa color palette (#FCF2F6, #B7DAF2, #6796DF, #007D71, #39345B)
• Patina Bloom color palette (#F5E2C7, #9E7315, #007A99, #325886, #1E1100)
• Denim Courtyard color palette (#F8E8E1, #57969C, #00506F, #002E18, #000316)
• Nightshade Pier color palette (#ECE1D6, #73A2C7, #3D4DA8, #00393A, #110026)
• Aged Cobalt Ridge color palette (#F5E6DA, #C0804F, #0086BA, #804200, #001F2F)

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