Navy Ridge color palette — #ECDDE9 · #897300 · #0D167B · #010122 · #050004

Navy takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#ECDDE9): A whisper-light, dusty pink — the color of a candy shop window.
• Walnut (#897300): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#0D167B): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#010122): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

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

• Onyx Thicket color palette (#E7F0FF, #97741E, #0B005D, #0B0717, #00000B)
• Nocturne Olive color palette (#F7DFEC, #468800, #2D0C70, #06001E, #050003)
• Navy Meadow color palette (#E0E8F6, #A1840B, #284093, #04004F, #00010A)
• Muted Corridor color palette (#ECDBDE, #778F00, #5B0465, #1E0023, #060001)
• Ancient Aubergine color palette (#EEDDE4, #BA9C9F, #9D7E79, #4F3573, #12050A)
• Rust Pier color palette (#C7E8DC, #C64200, #002F47, #151E22, #00070E)
• Sunlit Clover color palette (#EBD8E3, #76BA56, #4A489C, #232151, #160410)
• Soft Indigo Hollow color palette (#EADBE6, #5065E2, #85001C, #201D95, #050100)

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