Navy Canyon color palette — #E8F5F6 · #74A995 · #247D97 · #3F467F · #1B2D0A

Navy and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8F5F6): a clean, paper-quiet neutral.
• Jade (#74A995): A luminous, dusty teal — the color of glacier melt.
• Slate (#247D97): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3F467F): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#1B2D0A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.

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

• Aged Aubergine Lagoon color palette (#E8F4F9, #6AA8AD, #50749D, #563D79, #301E3C)
• Hushed Courtyard color palette (#E8F5F1, #90A56F, #3D806C, #005666, #142649)
• Washed Ridge color palette (#F5F6EB, #8DC187, #289F9D, #436D90, #45423B)
• Driftwood Summit color palette (#DBF9F9, #B5D6DA, #6F959F, #54677E, #3C455A)
• Hushed Quarry color palette (#F8EFF4, #C48E75, #5672A2, #623775, #421621)
• Worn Petrol Cabin color palette (#F8F5EC, #A59A4F, #3177A3, #773D5B, #5C3734)
• Dusty Delta color palette (#ECF4EF, #A9CDBD, #7D895A, #4C6959, #21362D)
• Petrol Canyon color palette (#EAF9F6, #B5D7AA, #8499C9, #5269A0, #572921)

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