Navy Field color palette — #DAE0EB · #B1B7D2 · #8C8BA2 · #323F7A · #1A1F2A

Navy takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Silver (#DAE0EB): bright and airy, almost weightless.
• Ash (#B1B7D2): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8C8BA2): A luminous, dusty violet — the color of a velvet chair.
• Navy (#323F7A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#1A1F2A): 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

• Hushed Aubergine color palette (#DBDEEB, #A8A6BE, #837A95, #3D2371, #101223)
• Denim Corridor color palette (#F2E8F0, #CEC0C6, #BD9AA0, #415AAA, #271B24)
• Mulberry Balcony color palette (#F1ECF5, #D3C8D5, #AF98AA, #7A3D5D, #322A38)
• Pewter Terrace color palette (#F2F5FD, #DED8E2, #C6BBC7, #677396, #444751)
• Softworn Bloom color palette (#CEE8DD, #5E8842, #005327, #0D2F55, #00201B)
• Ancient Lilac Market color palette (#E9E7FE, #A46FAF, #7D475F, #3E3B05, #002F22)
• Timeworn Workshop color palette (#DFDDFF, #62A6FF, #7C43FF, #8B0F80, #24083D)
• Ancient Lapis Alley color palette (#D2E3D5, #5443E3, #5E0D70, #2F2200, #190C33)

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