Navy Ridge color palette — #E7EFFD · #9AA25C · #303C7C · #171E43 · #120F1D
A conversation between Navy and Moss, giving this palette its sense of nature and growth.
The five colors
- Frost (#E7EFFD): A whisper-light, dusty violet — the color of a velvet chair.
- Moss (#9AA25C): A luminous, balanced green — the color of new leaves after rain.
- Navy (#303C7C): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#171E43): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#120F1D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.
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
- Washed Aubergine color palette (#EDEDFA, #58AF89, #52306F, #2A183A, #160C1B)
- Patina Taupe Basin color palette (#E5F0FC, #CC8873, #184570, #002242, #0F0F20)
- Patina Denim Grove color palette (#EAEEF9, #CEB070, #5B58A6, #302E5D, #0F1529)
- Iris Canyon color palette (#F9E9F4, #CACE87, #707DDE, #495185, #20101B)
- Charred Navy color palette (#D9DFED, #5C8A32, #1C1367, #06002B, #01020C)
- Pewter Courtyard color palette (#F5F4FD, #94CCCC, #6C5376, #38354F, #29222A)
- Wandering Basin color palette (#E3DAEA, #6D9C49, #62083C, #2F0019, #100716)
- Dusty Nightshade color palette (#F1F5FE, #8197D5, #855000, #2D44A3, #270F19)
Browse the whole catalog at Explore, or see today's palette.