Softworn Cobalt color palette — #FBF2F8 · #8CD1E4 · #2580B3 · #006155 · #293B54
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Sky (#8CD1E4): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#2580B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
- Navy (#293B54): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Dusty Station color palette (#F7EFF4, #A9CEE0, #3C82B6, #005E46, #161D41)
- Cerulean Quarry color palette (#FCF2F6, #BDE1FF, #6C8BBC, #2E6D71, #3D4762)
- Weathered Bloom color palette (#FCE9EF, #7EB8E7, #4965A8, #004E57, #2C284D)
- Hushed Lagoon color palette (#FAF4EB, #C7EAD4, #75BCE0, #00A09D, #1A3D5B)
- Aged Petal Quarry color palette (#F1F5FF, #F6CFFF, #D69EAE, #466E92, #37394D)
- Cerulean Pier color palette (#F7E4EE, #008EB0, #004066, #00231F, #01012D)
- Airy Indigo Station color palette (#DBE4FF, #7264DC, #7D6C00, #586100, #232A40)
- Weathered Courtyard color palette (#CDEAFF, #629EFF, #4C5CC0, #4D387F, #512941)
Browse the whole catalog at Explore, or see today's palette.