Softworn Navy color palette — #DCF4F3 · #5396CA · #004A89 · #002D3F · #001038
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DCF4F3): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#5396CA): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#004A89): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002D3F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001038): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Meadow color palette (#D8F4EF, #00A1B6, #005264, #003031, #001721)
- Aged Ultramarine Cabin color palette (#F0E8DA, #72A8D2, #1761C6, #004857, #0A0147)
- Moonless Cypress color palette (#CFEBED, #008489, #004449, #001113, #000202)
- Hushed Meadow color palette (#ECF8F8, #A1C9F4, #5379B3, #1F5979, #283B59)
- Indigo Coast color palette (#F7E7ED, #85B6DE, #5F76EC, #006D6E, #1D0039)
- Hushed Lagoon color palette (#E2FCF6, #1BD1D0, #007D85, #00574C, #003A43)
- Sunlit Nightshade color palette (#C7EBE7, #006E68, #4F00C3, #003431, #110037)
- Nightshade Boulevard color palette (#DFF4F5, #00585C, #1315B9, #1A3900, #000A0B)
Browse the whole catalog at Explore, or see today's palette.