Navy Canyon color palette — #E9DFE9 · #AF9FA9 · #9A7D89 · #0C4387 · #0E060F

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

The five colors

• Silver (#E9DFE9): a clean, paper-quiet neutral.
• Taupe (#AF9FA9): A luminous, dusty pink — the color of neon signs at night.
• Heather (#9A7D89): A luminous, dusty rose — the color of a warm blush.
• Navy (#0C4387): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0E060F): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Navy Canyon 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

• Wandering Aubergine color palette (#F1E6E9, #B39FA2, #987F7F, #592684, #15030A)
• Patina Petrol color palette (#DBE4ED, #A49DB0, #AB7D8E, #0067AA, #030A12)
• Dusty Onyx color palette (#E6DEE7, #A3959C, #83686C, #002B53, #100511)
• Wandering Navy Pier color palette (#E5EDF8, #B3BBCB, #898FB5, #01397B, #000105)
• Abyss Balcony color palette (#E1EEE5, #95ABA0, #718D86, #004F58, #000D04)
• Denim Villa color palette (#F7EAEF, #D3BEC2, #BD9B9C, #6C4E98, #2D1721)
• Wandering Mulberry Workshop color palette (#D7DFF3, #7A6D94, #75426C, #3B2B00, #0A1400)
• Timeworn Market color palette (#E7DECA, #6F7C3A, #225203, #002F48, #050700)

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