Navy Field color palette — #D8F1FE · #0089C5 · #0066AD · #00338A · #010015

Indigo and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8F1FE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0089C5): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#0066AD): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#00338A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hazy Studio color palette (#D7EBFF, #4F82D2, #2E49DA, #3200A2, #040013)
• Cerulean Drift color palette (#CCF5F0, #0087A1, #004470, #080037, #020007)
• Timeworn Ultramarine Harbor color palette (#FFE6E1, #007FCA, #324FB4, #680054, #00030D)
• Obsidian Denim Veranda color palette (#D7F7ED, #006099, #092044, #091216, #000205)
• Wandering Petrol Ridge color palette (#E7F0EA, #90A5A5, #6F8F92, #006F86, #000D05)
• Gentle Grape Lantern color palette (#DFE2F6, #806DD0, #743BBF, #5C0082, #0B000E)
• Tempered Basin color palette (#F6E5F2, #4A63DF, #831898, #690026, #000203)
• Tempered Sapphire color palette (#DDF0E9, #00B0D8, #0098E0, #286DFC, #00040E)

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