Navy Field color palette — #DAE1E8 · #9EA5B2 · #82839F · #00477A · #010A16

Built around Navy, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Silver (#DAE1E8): a clean, paper-quiet neutral.
• Blue Fog (#9EA5B2): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#82839F): A luminous, dusty violet — the color of a velvet chair.
• Navy (#00477A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#010A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Wandering Nightshade color palette (#E2E7EF, #A0A4B5, #8781A2, #112EAF, #040914)
• Hushed Navy Alley color palette (#DCEDE8, #CAB3C2, #A78893, #003E69, #000201)
• Hushed Canyon color palette (#F1E9F2, #A594A2, #83667A, #00295A, #0E060E)
• Tempered Basin color palette (#C7E4F0, #5E7DA7, #614C77, #343500, #00190F)
• Aged Aubergine color palette (#E0DFE9, #B8B0C3, #A18EA3, #771B9B, #131122)
• Worn Villa color palette (#EAEFF7, #D4D6E6, #B9B4C8, #526AC3, #272E3B)
• Tempered Aubergine Parlor color palette (#D3E4E0, #006C92, #411A90, #1D2200, #00030D)
• Wandering Navy Quarry color palette (#DCEDDB, #7F7634, #344F00, #20225E, #070600)

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