Navy Field color palette — #D7E3F5 · #008A63 · #00187C · #140916 · #000221
Built around Navy, softened by Fern — the whole palette hums with creativity and calm.
The five colors
- Frost (#D7E3F5): A whisper-light, dusty blue — the color of deep harbor water.
- Fern (#008A63): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#00187C): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#140916): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#000221): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Depth, Luxury. Tagged luxury, dark, 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
- Dusty Pine color palette (#D1E3F2, #008C47, #002F49, #201B25, #00070F)
- Obsidian Onyx color palette (#D7E5FA, #9C7200, #01035E, #120914, #00000B)
- Tempered Coast color palette (#DEDEE7, #A4A2B4, #897FA6, #572884, #080814)
- Aged Drift color palette (#F2E5F0, #AA7F00, #23438E, #010C43, #050005)
- Twilit Aubergine color palette (#E0E6FA, #BC4656, #2D0078, #210E1D, #06001E)
- Aged Nightshade color palette (#D9DDED, #E1878A, #5939AC, #2B1C54, #080A16)
- Hushed Boulevard color palette (#E2E5F4, #7A5ACF, #780066, #42008E, #03000A)
- Dusty Veranda color palette (#E9E8F9, #D57260, #6A0087, #2D003B, #02010A)
Browse the whole catalog at Explore, or see today's palette.