Navy Canyon color palette — #E1F7B8 · #8AE8BB · #4BC4D0 · #458CB6 · #2B3073
Navy takes the lead with Lagoon close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#E1F7B8): A whisper-light, balanced green — the color of a quiet forest floor.
- Lagoon (#8AE8BB): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#4BC4D0): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#458CB6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#2B3073): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged 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
- Glacier Canyon color palette (#D0FFE2, #60EAE9, #5EBFE8, #7684C4, #4A2863)
- Powdered Drift color palette (#FFF5C3, #B5E086, #53CAA6, #3099A9, #004264)
- Seafoam Thicket color palette (#D6FFEC, #46DACB, #2FA7AF, #007188, #004262)
- Powdered Sapphire color palette (#CBEBD4, #00D3C4, #00A1C5, #0D5EE7, #2F0063)
- Lagoon Alley color palette (#D7FFD5, #75BAA3, #008584, #004E66, #002451)
- Teal Atelier color palette (#DBE8D7, #00AA92, #007B8B, #00477A, #080028)
- Airy Lagoon color palette (#FFEFFF, #61E4AB, #62AEDE, #A96F73, #23434A)
- Weathered Teal color palette (#D6E8EE, #00C2C4, #5A7389, #3D4D51, #101A1A)
Browse the whole catalog at Explore, or see today's palette.