Navy Field color palette — #F5E4F1 · #304BC2 · #4D4C00 · #0F0084 · #030300

Indigo and Cobalt set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5E4F1): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#304BC2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#4D4C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#0F0084): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Feathered Lapis color palette (#E6EAFD, #4C2DEB, #594B00, #240083, #140F00)
• Ultramarine Parlor color palette (#E7DCE6, #0056B9, #723600, #00275B, #070100)
• Pale Grape Field color palette (#FFE9F1, #762EB0, #005741, #3C0061, #000402)
• Frosted Indigo color palette (#DFE8FF, #6662FF, #716900, #3100A9, #010100)
• Nightshade Harbor color palette (#D7DCFE, #3C00CA, #3F4200, #113111, #01000A)
• Worn Cocoa color palette (#DFF3E6, #006678, #693E00, #003039, #060200)
• Powdered Nightshade color palette (#EBD7E5, #7489FF, #5A7D00, #2A00BA, #101A00)
• Dusty Crimson Villa color palette (#DFE7F7, #BA81D3, #D6314E, #00455C, #080017)

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