Softworn Navy color palette — #E5E8DF · #577D9B · #003C6E · #001D2A · #000106

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E5E8DF): bright and airy, almost weightless.
• Slate (#577D9B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003C6E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001D2A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Weathered Abyss color palette (#E7E8DA, #638167, #00444D, #001F1D, #000202)
• Navy Canyon color palette (#E3E8DA, #619689, #004498, #00293C, #00001E)
• Nightshade Archive color palette (#F5E6EB, #4687B6, #001BAC, #002226, #0A0028)
• Eclipse Quarry color palette (#C0EDEF, #006E72, #003132, #1D1C22, #00090A)
• Patina Petrol color palette (#E9EAE1, #9BBDA2, #00788B, #004B49, #001922)
• Muted Petrol color palette (#D7F2D9, #4C9AA8, #007297, #003F38, #000304)
• Muted Courtyard color palette (#F3F3E4, #BBDAB9, #00959C, #006356, #002B31)
• Cellar Cocoa color palette (#F7E9E1, #754423, #481900, #210300, #030100)

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