Navy Field color palette — #F0E5ED · #A3A64F · #333D88 · #13183A · #0A0308

Built around Indigo, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Blush (#F0E5ED): bright and airy, almost weightless.
• Moss (#A3A64F): A luminous, balanced green — the color of new leaves after rain.
• Indigo (#333D88): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#13183A): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0A0308): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, 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

• Muted Navy Boulevard color palette (#EFE5F0, #D18E61, #0E477F, #001C3B, #09030A)
• Washed Denim color palette (#F9EEF3, #98C090, #574A85, #292044, #14080E)
• Aubergine Hollow color palette (#F4DCE2, #73A723, #5D0080, #250035, #0A0002)
• Gentle Ridge color palette (#FFEDEC, #A4B149, #83165D, #3F002A, #140203)
• Aubergine Boulevard color palette (#FFE9F5, #658600, #280077, #070025, #040002)
• Misty Garnet color palette (#EFDDDA, #8F943A, #6B0037, #290011, #060000)
• Pewter Market color palette (#F7EFF2, #E3D2CB, #CDAFA9, #735789, #291C20)
• Antique Lapis color palette (#F1F5FF, #FFBBC0, #5A56AA, #23214A, #02030D)

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