Softworn Cobalt color palette — #EFF6FF · #4F7DCE · #2D652D · #004C43 · #1D303C
Built around Azure, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Azure (#4F7DCE): A full-bodied, balanced violet — the color of wild irises.
- Pine (#2D652D): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Forest (#1D303C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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
- Patina Cobalt color palette (#ECF7FF, #0081B0, #6F498C, #175032, #132A32)
- Washed Iris color palette (#FEF1F8, #8885DD, #A76F3B, #43662E, #192E24)
- Tempered Cobalt Canyon color palette (#EDF1FF, #7877BD, #82511F, #264C17, #00121C)
- Tempered Pewter color palette (#F4F4FD, #DED7E0, #C7BAC8, #6E7097, #46474E)
- Worn Quarry color palette (#F5F4FF, #AE6FBF, #965C4D, #23546F, #2F333F)
- Gentle Cobalt Drift color palette (#F0F6FF, #5672CC, #833967, #6A2D2D, #1D2E3A)
- Timeworn Pier color palette (#F7F2FF, #B85899, #904900, #4D4305, #282839)
- Muted Wisteria Balcony color palette (#FFF0FA, #BE78CD, #8F5279, #6D4123, #3F394E)
Browse the whole catalog at Explore, or see today's palette.