Softworn Cobalt color palette — #FDF1F7 · #A7CAE2 · #467BB4 · #00605E · #2E3761
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF1F7): a clean, paper-quiet neutral.
- Sky (#A7CAE2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#467BB4): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#2E3761): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Hushed Cobalt Dune color palette (#F1F3E9, #AAD2C0, #2085B9, #005969, #00271F)
- Aged Alley color palette (#EAF9F7, #B1DBF6, #4A9FD1, #00798E, #193D5B)
- Petrol Pier color palette (#F7EAF3, #89BAC9, #00748D, #005236, #00314E)
- Pine Market color palette (#F9F3F7, #C7E2E8, #4497A8, #1C7445, #1F4D65)
- Softworn Corridor color palette (#EBDCE7, #5D9BA1, #005269, #003123, #001529)
- Navy Grove color palette (#ECE1E6, #6085A1, #00397D, #002223, #06002B)
- Teal Lantern color palette (#E3FAFF, #56B0A7, #006E66, #003F39, #002825)
- Powdered Ultramarine color palette (#FAEAF0, #79A4C3, #1B4FB2, #003D42, #1C1547)
Browse the whole catalog at Explore, or see today's palette.