Softworn Cobalt color palette — #FFF2EB · #33CAF3 · #0070C1 · #005747 · #2A2B61

Built around Royal Blue, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cyan (#33CAF3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0070C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005747): A full-bodied, dusty teal — the color of sea glass.
• Navy (#2A2B61): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Gentle Lapis Orchard color palette (#FFF3E5, #74BEFF, #5055E7, #005558, #3D235A)
• Cobalt Bloom color palette (#FFF2EC, #8ED1E3, #447DAD, #00624B, #4B3144)
• Dusty Forest color palette (#FFF2EE, #2BD1CC, #007A95, #035B12, #00345D)
• Petrol Drift color palette (#E1F7F5, #7EC7E1, #007CA6, #00505A, #001C2E)
• Patina Denim Basin color palette (#E7DDD5, #52ABCB, #0057A3, #003F34, #1A1646)
• Antique Cerulean color palette (#F4F8E5, #8BD7F2, #0099CB, #00707D, #003753)
• Glacier Courtyard color palette (#DCFFE9, #12E9F8, #639BF2, #5C6700, #003E3A)
• Sky Basin color palette (#FEF1F9, #9DE6FF, #48B3FE, #00998D, #142D6D)

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