Navy Field color palette — #ECF5EC · #9DA579 · #41714D · #52396A · #002319

Built around Royal Purple, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#ECF5EC): bright and airy, almost weightless.
• Sage (#9DA579): A luminous, dusty green — the color of new leaves after rain.
• Pine (#41714D): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#52396A): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#002319): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Navy Field 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

• Softworn Alley color palette (#ECF4EF, #92BDB5, #41836F, #694769, #072E29)
• Weathered Fern color palette (#EDF9EE, #A69D5F, #5C6B16, #683C42, #243B2F)
• Feathered Villa color palette (#D3EBE2, #45AC74, #006966, #681A4C, #001C0D)
• Wandering Pine Boulevard color palette (#E6F8E4, #ACAC65, #3A7C38, #6A4200, #232200)
• Patina Forest Workshop color palette (#E6F2E7, #88955A, #006734, #4B3400, #101400)
• Wandering Market color palette (#FFF3E6, #B7B88A, #4B944A, #685A88, #37352F)
• Hushed Olive Delta color palette (#C9F9E0, #ABB16C, #6F6A00, #383800, #110E00)
• Hushed Pier color palette (#D3F5E8, #899826, #2159AF, #502CA3, #001911)

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