Navy Field color palette — #DBE0EC · #B3B2C2 · #9E8EA9 · #404996 · #0C1323

Indigo and Heather set the tone — five colors that lean into creativity and sophistication.

The five colors

• Silver (#DBE0EC): bright and airy, almost weightless.
• Ash (#B3B2C2): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9E8EA9): A luminous, dusty violet — the color of twilight just after sunset.
• Indigo (#404996): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#0C1323): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Aged Aubergine Lagoon color palette (#E8E8F1, #A8A1B0, #937F90, #592D77, #080717)
• Patina Indigo color palette (#DFE2EB, #B9ABC1, #BA8B9D, #675ED0, #0F1320)
• Worn Nightshade color palette (#F6EAF3, #E2C8CF, #C596AC, #36419C, #060104)
• Mulberry Study color palette (#EBE6EF, #CEBFCA, #BA9BA5, #943D67, #241B2B)
• Indigo Workshop color palette (#F2F5FF, #DFDBEC, #C8B7CE, #765FD7, #2C3148)
• Dusty Driftwood color palette (#F7F3FC, #E3D5D9, #D2B7B6, #A56A90, #3D3844)
• Dusty Mulberry color palette (#D5E5F1, #8C7BB5, #93455D, #00423A, #001E19)
• Tempered Ash color palette (#F3F5FC, #DFD8DD, #BCAEAD, #9398BF, #50525B)

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