Navy Field color palette — #C8E7E3 · #00B2D1 · #00709E · #192D82 · #1B0040

A conversation between Indigo and Cyan, giving this palette its sense of trust and stability.

The five colors

• Silver (#C8E7E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00B2D1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00709E): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#192D82): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#1B0040): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Pale Onyx Terrace color palette (#CCF0DD, #34B0AF, #006F89, #003F67, #0F0059)
• Tempered Sapphire color palette (#BEE7F3, #45A4E3, #4E5EC9, #451D7B, #320030)
• Gentle Market color palette (#8DF3EC, #00C2DE, #2389CC, #3856A1, #341B6B)
• Patina Cobalt Delta color palette (#D3FAFF, #72BEE2, #4F7BCD, #4A3D89, #380544)
• Hazy Navy Workshop color palette (#CCEEEE, #0080A4, #004880, #1A005F, #0B0019)
• Faded Azure Balcony color palette (#E8F8FF, #8CD7FF, #0095E6, #0059A5, #001760)
• Lowlit Nightshade Field color palette (#CEE7ED, #006CAE, #1F00A1, #200040, #060005)
• Antique Workshop color palette (#F6E6D5, #009CA5, #1C55B3, #513100, #001E11)

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