Worn Navy color palette — #F5EBE3 · #5C98B6 · #00498B · #003030 · #0B0C38

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

The five colors

• Cream (#F5EBE3): a clean, paper-quiet neutral.
• Slate Blue (#5C98B6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Navy (#00498B): 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 (#0B0C38): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Hushed Lagoon color palette (#EFDED6, #409FA4, #005266, #003220, #001526)
• Ultramarine Lagoon color palette (#E9E0D7, #7DA3C7, #3247BA, #003D46, #211443)
• Azure Alley color palette (#E1E6D2, #3FAEE2, #006DA3, #004858, #00152A)
• Powdered Cobalt color palette (#E0EEE2, #84B8D4, #0088DD, #006B76, #000C3F)
• Muted Lagoon color palette (#CCF4F0, #008685, #004441, #001616, #000202)
• Cobalt Atelier color palette (#E0EAD8, #46B3C6, #207CDA, #015211, #001D1C)
• Hushed Drift color palette (#FFF2EB, #9DD9E9, #0089C2, #006859, #213F6D)
• Sapphire Drift color palette (#FFF3E7, #7FBFF0, #1E59F8, #00545D, #302667)

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