Navy Loft color palette — #F7DBED · #839925 · #201472 · #11071A · #01000A
A conversation between Deep Indigo and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F7DBED): A whisper-light, dusty pink — the color of a candy shop window.
- Olive Leaf (#839925): A luminous, balanced green — the color of a quiet forest floor.
- Deep Indigo (#201472): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#11071A): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, 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
- Nocturne Amber color palette (#F2DAF0, #C17D07, #002468, #0C0A18, #000106)
- Nightshade Coast color palette (#E9EEFF, #B88F2F, #5842AA, #2A1164, #02000C)
- Midnight Thicket color palette (#FFE3EE, #1DA772, #3A0069, #100303, #020007)
- Smoked Navy color palette (#DDE6F5, #587900, #0E0060, #200E22, #02001D)
- Dusty Garnet color palette (#FFE8E7, #78B46E, #6E0048, #15000B, #040100)
- Wandering Market color palette (#FFF0FA, #84DD78, #4946B0, #171051, #040002)
- Timeworn Aubergine color palette (#F6EBED, #E5C8C6, #C29D8C, #65347C, #090002)
- Washed Seafoam Loft color palette (#FFF1F3, #AAE1A8, #814F7B, #391B36, #0B0102)
Browse the whole catalog at Explore, or see today's palette.