Softworn Navy color palette — #F2E8E1 · #5B98B7 · #00498D · #003030 · #0C0541

Indigo takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F2E8E1): bright and airy, almost weightless.
• Slate Blue (#5B98B7): A luminous, dusty blue — the color of deep harbor water.
• Indigo (#00498D): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#003030): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0C0541): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Washed Atelier color palette (#ECDDD6, #459FA4, #005266, #003120, #001527)
• Chalky Petrol Pier color palette (#EBF0DE, #46ADE1, #006CA5, #004858, #00142B)
• Hushed Cobalt color palette (#D7E6DA, #82B8D6, #0087DF, #006B77, #000A42)
• Frosted Cobalt color palette (#FEF3ED, #A0D9E9, #0088C6, #00685B, #233F6D)
• Sapphire Bloom color palette (#FFF3E7, #82BFEF, #3260E2, #00545D, #32236C)
• Chestnut Station color palette (#ECDFD3, #8A4E00, #00546C, #442300, #00121A)
• Cypress Studio color palette (#FAF4F0, #CAE9E0, #66A4B5, #447C5F, #355148)
• Softworn Aubergine color palette (#F7DBCE, #7E3100, #004859, #310084, #130300)

Browse the whole catalog at Explore, or see today's palette.