Navy Field color palette — #F1EBF2 · #B6A3AE · #96747E · #00366E · #1D0D1E

Navy and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F1EBF2): a clean, paper-quiet neutral.
• Mauve (#B6A3AE): A luminous, dusty pink — the color of peonies in June.
• Mocha (#96747E): A full-bodied, dusty rose — the color of pressed rose petals.
• Navy (#00366E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#1D0D1E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Abyss Atelier color palette (#D8E3DD, #B2A4B4, #937488, #003E4E, #02190E)
• Weathered Aubergine color palette (#EFE2E7, #B7A3A6, #9E736D, #48107A, #1C0F15)
• Tempered Navy color palette (#DFE8F4, #94A0B7, #707B9A, #15316F, #01040E)
• Muted Denim Terrace color palette (#F2E4F0, #C6ABBE, #AD899E, #284E9B, #1C0E1B)
• Aubergine Courtyard color palette (#F6EBEE, #D7C8C8, #B89891, #664281, #39292E)
• Muted Ultramarine color palette (#FBF2FA, #E3CBD6, #C798A1, #234CC5, #3B2E39)
• Pewter Archive color palette (#FBF3F3, #E0D9D2, #C7BFAF, #936280, #524444)
• Washed Olive Drift color palette (#F0E4D2, #6F7000, #1B4200, #201452, #101100)

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