Navy Field color palette — #D4E8EE · #728700 · #006D68 · #003A87 · #000102
A conversation between Navy and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Frost (#D4E8EE): A whisper-light, dusty blue — the color of open sky before noon.
- Olive Leaf (#728700): A full-bodied, balanced green — the color of new leaves after rain.
- Teal (#006D68): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003A87): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Wandering Bronze color palette (#BEECE7, #887400, #007146, #00475E, #000201)
- Hushed Emerald Ridge color palette (#D7F2F9, #00A068, #007472, #00445F, #000708)
- Washed Aubergine Field color palette (#D9EAF2, #00934B, #006C88, #470086, #000103)
- Faded Hollow color palette (#DAEDD1, #779C00, #009185, #0051A7, #000708)
- Jade Loft color palette (#DEF2DD, #00B86F, #008F8E, #006381, #000102)
- Moonless Courtyard color palette (#D8EFD0, #006B6A, #23355B, #2A0D00, #060100)
- Navy Grove color palette (#F5E3EC, #40829C, #003A76, #00201A, #01000A)
- Tempered Aubergine color palette (#D5EFFF, #00B694, #0092B7, #7B299A, #000125)
Browse the whole catalog at Explore, or see today's palette.