Worn Denim color palette — #E5EFF7 · #9BA5B6 · #7F84A3 · #004A6E · #010A14

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

The five colors

• Frost (#E5EFF7): a clean, paper-quiet neutral.
• Blue Fog (#9BA5B6): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#7F84A3): A luminous, dusty violet — the color of wild irises.
• Navy (#004A6E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#010A14): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Navy Villa color palette (#E0EDE9, #C5B5C3, #A28A98, #003F65, #000201)
• Hushed Onyx color palette (#D9E1E7, #929AA9, #6F6E85, #002F45, #000A15)
• Wandering Aubergine Drift color palette (#E9EBFA, #B8AFC9, #9F8EA5, #614083, #12121F)
• Petrol Canyon color palette (#D9E1DE, #B19EA0, #A7817A, #006B98, #000D07)
• Timeworn Mulberry color palette (#D7E5EE, #6D69A6, #74406C, #2C3A09, #0C1300)
• Violet Lantern color palette (#F4F4FF, #E6D6F8, #E3AEB3, #945DAC, #323041)
• Sapphire Boulevard color palette (#CCE1FF, #00A5C2, #3E6AFF, #81288C, #04001D)
• Hushed Lantern color palette (#F0F6FC, #DCD7E8, #CCB9D5, #458ACD, #35414E)

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