Navy Field color palette — #D7E9FF · #004A99 · #443D00 · #1C1900 · #000104

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

The five colors

• Frost (#D7E9FF): A whisper-light, dusty blue — the color of open sky before noon.
• Indigo (#004A99): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#443D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#1C1900): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged 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

• Nocturne Nightshade color palette (#D8E5FF, #3900D8, #394100, #171B00, #01000A)
• Cellar Drift color palette (#FCE2F9, #082A88, #451D00, #131400, #00000F)
• Deep Garnet Delta color palette (#D8EBF6, #005768, #6E1700, #320600, #000102)
• Midnight Nightshade Study color palette (#EAEFFD, #4800BD, #30292C, #2C1C00, #0D0600)
• Deep Aubergine color palette (#E8E0EC, #74009A, #2D4400, #111D00, #010008)
• Feathered Sapphire color palette (#D2E0F9, #465CDC, #825800, #5F3F00, #010010)
• Feathered Byzantium color palette (#E9E4F7, #9C009D, #005D32, #003118, #030003)
• Magenta Studio color palette (#F5F3FF, #DB24FF, #00937D, #00606B, #19011F)

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