Navy Field color palette — #DDECE4 · #41634C · #0F2E62 · #271300 · #050500

Navy and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDECE4): bright and airy, almost weightless.
• Pine (#41634C): A full-bodied, dusty teal — the color of sea glass.
• Navy (#0F2E62): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#271300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#050500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged vintage, retro, muted, dark.

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

• Charred Navy Courtyard color palette (#CFECEA, #2A6388, #39275D, #191600, #030600)
• Timeworn Lagoon Coast color palette (#EEE3DD, #378687, #004351, #002112, #000103)
• Velvet Fern Parlor color palette (#F6EEDD, #4E601A, #003411, #001818, #010100)
• Hushed Lagoon color palette (#E2F2FF, #496C9E, #363C6F, #390A2D, #23000F)
• Worn Chapel color palette (#D0E7E4, #2E7CA0, #434486, #3E2B00, #1E1300)
• Cellar Coast color palette (#E0F1F6, #005676, #002F5D, #080039, #02000D)
• Moonless Pier color palette (#FBDEF3, #28288D, #442B00, #152306, #01000B)
• Velvet Nightshade Coast color palette (#FBDFF6, #2640A3, #563200, #070067, #020100)

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