Navy Field color palette — #E4F3E8 · #00899B · #004574 · #032411 · #000200

A conversation between Navy and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Cream (#E4F3E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00899B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004574): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#032411): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Smoked Petrol color palette (#CDE4DA, #00749F, #1F2D62, #111F22, #000A05)
• Muted Lagoon color palette (#D8E4C8, #009064, #004C4F, #002416, #020200)
• Azure Coast color palette (#D2E8E1, #0499ED, #4F4F96, #043E33, #000B04)
• Soft Sapphire color palette (#F2E0F1, #1070F5, #473471, #2A132A, #000201)
• Patina Turquoise color palette (#D8EAE0, #1CBCE6, #816580, #3D4E45, #141A14)
• Hazy Amber Atelier color palette (#C6ECE0, #5BB8FF, #BE8203, #00639C, #271700)
• Iris Loft color palette (#FFE2F5, #8A95FF, #785889, #56354C, #061511)
• Emerald Bloom color palette (#F2E6D5, #ABAD55, #50922B, #007468, #1C1C00)

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