Navy Loft color palette — #E7F6EB · #856A00 · #00623E · #161C8F · #180219
A conversation between Indigo and Ochre, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7F6EB): A whisper-light, dusty teal — the color of glacier melt.
- Ochre (#856A00): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#00623E): A full-bodied, balanced teal — the color of sea glass.
- Indigo (#161C8F): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#180219): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.
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
- Quiet Aubergine Study color palette (#E2F8F0, #697C0B, #00605F, #49127B, #16000A)
- Forest Cabin color palette (#FEECF5, #A55E2F, #006426, #003867, #120112)
- Aubergine Orchard color palette (#DEEEDC, #BC764E, #615F00, #451580, #241400)
- Olive Market color palette (#E8FAF4, #617A00, #005459, #003C59, #1A1F33)
- Tempered Onyx color palette (#D1F0F2, #006F53, #004671, #4C002A, #000704)
- Pine Harbor color palette (#FDF5E1, #9A8900, #008540, #1F498D, #32160D)
- Obsidian Onyx color palette (#E0EFE1, #664400, #00352C, #150051, #030100)
- Worn Aubergine color palette (#D9F9FD, #007F75, #005F70, #620054, #100C00)
Browse the whole catalog at Explore, or see today's palette.