Navy Field color palette — #E4EDF9 · #00418E · #392E00 · #0A1B00 · #000202

Indigo and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E4EDF9): bright and airy, almost weightless.
• Indigo (#00418E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#392E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0A1B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, dark, 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

• Cellar Aubergine Field color palette (#E6EBFF, #4F00B6, #2B3C00, #111B00, #000102)
• Charred Onyx Study color palette (#C9E4F8, #005979, #531800, #2C0900, #000201)
• Patina Lapis color palette (#F1DEED, #524DC6, #7A3B00, #2B3D00, #000609)
• Hushed Mulberry color palette (#E8DBF4, #A60079, #004643, #002D2B, #00030A)
• Misty Lapis color palette (#C8F5EB, #5349D6, #680058, #002610, #090018)
• Twilit Parlor color palette (#E2E0F1, #680085, #352520, #220011, #010008)
• Hushed Navy Orchard color palette (#DADEE8, #B2B0C8, #92899E, #3F367F, #080A13)
• Twilit Aubergine color palette (#E9E2F5, #5D004F, #002207, #1C1319, #000801)

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