Worn Navy Studio color palette — #F0EAF1 · #ABA1AA · #957E8F · #00467E · #0F0511

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

The five colors

• Blush (#F0EAF1): bright and airy, almost weightless.
• Taupe (#ABA1AA): soft and architectural.
• Heather (#957E8F): A luminous, dusty pink — the color of a candy shop window.
• Navy (#00467E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0F0511): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Worn Navy Studio 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 Aubergine color palette (#F0E7EA, #B29FA4, #9A7D83, #53278A, #16020B)
• Petrol Villa color palette (#DAE1E8, #A19EB0, #91819C, #0068A3, #030A12)
• Navy Lagoon color palette (#DAE2EB, #AFBCCF, #8592AC, #003C71, #000104)
• Ancient Hollow color palette (#D7E3DC, #9AA8A2, #669183, #004D5F, #000D05)
• Dusty Orchard color palette (#DAE8E3, #A494A0, #776891, #002E4A, #000D08)
• Grape Lantern color palette (#E6DFE2, #D0BFC4, #BA9BA3, #6A45B2, #2B1922)
• Tempered Basalt Boulevard color palette (#FFE1EB, #8A618F, #784264, #521F00, #210F00)
• Worn Indigo color palette (#FAF3F7, #E0D6D6, #CCB9B7, #7876C3, #45353F)

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