Softworn Cobalt color palette — #FDF3ED · #AACFBE · #5079B3 · #006155 · #38355C

Built around Slate, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Pistachio (#AACFBE): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#5079B3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Navy (#38355C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Navy Drift color palette (#FEF2ED, #82C4D1, #0075AE, #00583D, #182778)
• Cobalt Drift color palette (#EEF4EF, #9DD0E7, #0083C6, #005A60, #0E2138)
• Aged Azure color palette (#FAF4EC, #B4E0CB, #449DDB, #007B82, #253B5A)
• Aged Iris color palette (#FAF4EE, #E6D6E9, #7E84C1, #007077, #5E3C48)
• Olive Drift color palette (#F9DBE8, #8269B7, #657600, #186532, #2F2447)
• Timeworn Petrol Hollow color palette (#FFF0F9, #F2CAEF, #D59885, #006DA5, #58373F)
• Dusty Boulevard color palette (#FBF2F7, #BFE6FF, #88B5EC, #469D8B, #2E3959)
• Timeworn Denim Corridor color palette (#F1DDD6, #77997B, #00516C, #003216, #001232)

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