Navy Canyon color palette — #FFF0F8 · #AE4C00 · #005937 · #072C7F · #281224

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Terracotta (#AE4C00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#005937): A full-bodied, balanced teal — the color of sea glass.
• Navy (#072C7F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#281224): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Brick Quarry color palette (#FEF0FE, #B02941, #005B22, #003768, #261327)
• Bronze Workshop color palette (#FFF1F6, #B06D26, #006E64, #3C327B, #37252E)
• Tempered Villa color palette (#ECF9EC, #845700, #005451, #4B1A6E, #301821)
• Patina Ridge color palette (#FFEEE7, #BA3936, #554F00, #442563, #190202)
• Amber Meadow color palette (#DDF7E0, #BE6D49, #655C00, #303877, #462331)
• Patina Ridge color palette (#FFF1F6, #CA7500, #378216, #005D4E, #271525)
• Charred Navy color palette (#D7EED6, #654000, #003D2C, #020068, #160111)
• Garnet Drift color palette (#E6FCEE, #867400, #005089, #6C003C, #262000)

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