Navy Field color palette — #DEF5F0 · #009AA9 · #00638F · #002270 · #120030
A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DEF5F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#009AA9): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00638F): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#002270): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#120030): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Navy Market color palette (#DDF2F1, #3BAFCB, #006BB3, #21258B, #220041)
- Patina Harbor color palette (#DAF1DE, #00A187, #00646E, #003143, #000B26)
- Ancient Azure Dune color palette (#C8E6EF, #00A0CE, #005E8A, #003864, #001D4E)
- Navy Lantern color palette (#D2E7E9, #0082B0, #003A95, #22005F, #090011)
- Faded Courtyard color palette (#E6F9FF, #38C4FC, #0083C5, #003F72, #00123B)
- Aged Quarry color palette (#F0D7E0, #00898F, #0046A1, #422300, #00101B)
- Velvet Aubergine color palette (#D1E8F3, #0062B5, #31009A, #200032, #060005)
- Timeworn Denim color palette (#E2EBEE, #BDCEDB, #8FA5C3, #006167, #06191E)
Browse the whole catalog at Explore, or see today's palette.