Navy Canyon color palette — #F0DBDA · #A70023 · #105E0A · #002C9C · #070000
Built around Indigo, softened by Garnet — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F0DBDA): A whisper-light, dusty orange — the color of toasted spice.
- Garnet (#A70023): A full-bodied, vivid orange — the color of toasted spice.
- Deep Olive (#105E0A): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#002C9C): A deep, shadowed, vivid violet — the color of a velvet chair.
- Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
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
- Nightshade Station color palette (#FFE4DA, #973200, #005C3B, #3600A9, #050100)
- Mulberry Studio color palette (#FFEAEE, #A3004C, #415600, #004168, #060001)
- Hushed Bloom color palette (#FCE8D4, #784400, #004E5B, #110081, #040100)
- Misty Plum Field color palette (#FFE5E6, #CD0048, #007383, #205377, #070001)
- Aubergine Parlor color palette (#FCE9D4, #7B4C00, #005956, #5A0082, #030100)
- Twilit Canyon color palette (#F8D4E0, #750043, #003A4A, #111E38, #060002)
- Weathered Alley color palette (#FEE9D6, #A56300, #007A71, #7A00BD, #1D0D00)
- Pine Thicket color palette (#DDDBF8, #AD5000, #1C7D0D, #150C00, #040100)
Browse the whole catalog at Explore, or see today's palette.