Navy Field color palette — #F8F5ED · #8D8652 · #5C723F · #354681 · #37322D

Built around Navy, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F5ED): a clean, paper-quiet neutral.
• Mocha (#8D8652): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#5C723F): A full-bodied, dusty green — the color of fresh herbs.
• Navy (#354681): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#37322D): quiet, heavy and certain.

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

• Timeworn Driftwood color palette (#FCF3EF, #B87666, #766425, #005971, #38302D)
• Softworn Workshop color palette (#F7F5ED, #818E5F, #007478, #6F3E6F, #35342E)
• Softworn Chapel color palette (#FFF3E7, #CE9A80, #6E7F4B, #585282, #633F00)
• Muted Amber color palette (#FBEDF4, #B37B4C, #007572, #384674, #211826)
• Softworn Parlor color palette (#FBF6DD, #6B7000, #005D3B, #440097, #312300)
• Hushed Mulberry Basin color palette (#FFF2EE, #C38488, #2A7F7D, #793A65, #5A344D)
• Aged Driftwood Courtyard color palette (#F9F4EF, #D9DBD4, #A1AFB0, #A17953, #595149)
• Antique Fern color palette (#FFF2ED, #DAB998, #927E46, #416820, #005A3B)

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