Softworn Cobalt color palette — #F7F0EC · #9CD0E6 · #3A7ECA · #005D4E · #301627
A conversation between Azure and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7F0EC): bright and airy, almost weightless.
- Sky (#9CD0E6): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#3A7ECA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005D4E): A full-bodied, dusty teal — the color of glacier melt.
- Onyx (#301627): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Washed Bloom color palette (#FBEFEB, #B3D1B4, #0088AE, #036029, #2C172E)
- Iris Study color palette (#F8F0E9, #BFE6DA, #7A89CA, #006C6E, #3E222E)
- Muted Cobalt Basin color palette (#F9F4ED, #A2D1BA, #3B7FAC, #005F63, #243C5A)
- Cerulean Chapel color palette (#CBEBE0, #00A1AA, #006E87, #004268, #151B42)
- Sky Loft color palette (#EEF8F0, #D9D6E2, #48B0F1, #007E83, #162F4E)
- Softworn Atelier color palette (#D5F0E8, #4DA7EF, #B73E2E, #005990, #380904)
- Wandering Mallow Corridor color palette (#E4F8EB, #C7D7FF, #CF97D2, #1E7662, #022820)
- Antique Loft color palette (#F1DDD7, #40999D, #00516B, #002E12, #000411)
Browse the whole catalog at Explore, or see today's palette.