Navy Field color palette — #DAE2F1 · #3F4BB9 · #584800 · #190080 · #040300

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

The five colors

• Frost (#DAE2F1): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#3F4BB9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#584800): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#190080): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Worn Veranda color palette (#DBE7F5, #0059AF, #604300, #002856, #050200)
• Grape Basin color palette (#F4E0E9, #6A35C7, #6A4100, #360073, #190C00)
• Airy Grape color palette (#E8EAFF, #7433AB, #3B5200, #3B0062, #020300)
• Pale Nightshade color palette (#E5F0FF, #4175ED, #736900, #001AAC, #010100)
• Obsidian Nightshade Cabin color palette (#E9EBFF, #3E23B6, #6D2100, #003922, #01000A)
• Misty Nightshade Harbor color palette (#E0E8FF, #7C71ED, #837100, #4B00C8, #1B1600)
• Timeworn Summit color palette (#E2EBFF, #AC8FD5, #AC4B90, #00376A, #08001C)
• Nocturne Aubergine color palette (#EDECFB, #6F60C6, #42009C, #0E0038, #010008)

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