Softworn Navy color palette — #D1F2FF · #326E75 · #123C6B · #1C2200 · #001814
A conversation between Navy and Teal, giving this palette its sense of nature and growth.
The five colors
- Frost (#D1F2FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#326E75): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#123C6B): A deep, shadowed, balanced blue — the color of open sky before noon.
- Onyx (#1C2200): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001814): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Softworn Navy 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
- Worn Cabin color palette (#CAF1FD, #4B6696, #5B2B58, #002622, #000F14)
- Washed Navy color palette (#F5E4EC, #63859E, #0F318C, #002220, #0C0025)
- Aubergine Market color palette (#DFEDFC, #6971A5, #623C6D, #402500, #171700)
- Shadow Forest color palette (#D4EAE1, #256D3E, #00332F, #00182D, #000802)
- Timeworn Garnet Corridor color palette (#D5E7F3, #8173A2, #753456, #00333C, #0B1930)
- Pewter Lagoon color palette (#D4EFF0, #80A2C2, #77578D, #005141, #003640)
- Timeworn Bloom color palette (#D3EBED, #6584CC, #88507A, #404C08, #131800)
- Nocturne Aubergine color palette (#DEE2FB, #593997, #354500, #290057, #040700)
Browse the whole catalog at Explore, or see today's palette.