Navy Loft color palette — #D7EAE1 · #474700 · #00288A · #30003C · #010100
A conversation between Indigo and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D7EAE1): A whisper-light, dusty teal — the color of shallow lagoons.
- Deep Olive (#474700): A deep, shadowed, balanced green — the color of new leaves after rain.
- Indigo (#00288A): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#30003C): A deep, shadowed, balanced pink — the color of neon signs at night.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged dark.
Use it as a design system
One click turns Navy Loft 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
- Onyx Drift color palette (#E4F2E8, #534100, #003B55, #290047, #020100)
- Twilit Navy color palette (#D9F1EA, #333F00, #0C007B, #1D0014, #020100)
- Aubergine Coast color palette (#E2F4F1, #115204, #3F008B, #390022, #000200)
- Forest Summit color palette (#D8F6F3, #005928, #002C4A, #23001A, #020100)
- Frosted Nightshade color palette (#CBE6DC, #5A6700, #3F25C0, #210076, #010100)
- Washed Aubergine Grove color palette (#E7E8CC, #666500, #00529C, #530469, #050500)
- Deep Pine color palette (#E4F2DA, #007931, #004534, #001816, #000202)
- Hushed Aubergine color palette (#CBEEF6, #005F58, #73006C, #491200, #000304)
Browse the whole catalog at Explore, or see today's palette.