Pale Navy color palette — #F0E1C4 · #7B8156 · #2A5E30 · #102774 · #190836
Built around Navy, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#F0E1C4): A whisper-light, dusty gold — the color of old brass.
- Walnut (#7B8156): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#2A5E30): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#102774): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#190836): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Pale Navy 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
- Lagoon Delta color palette (#ECF1DE, #56885B, #185D53, #382A5C, #240021)
- Washed Basin color palette (#ECDBD2, #967740, #515D1C, #00374A, #040B33)
- Misty Olive color palette (#EBDEC4, #86850E, #195620, #0C2246, #050013)
- Aged Field color palette (#FBE5DC, #A28738, #417655, #5D3D69, #1A0423)
- Washed Abyss color palette (#FEDEDB, #815A00, #0E4706, #34062E, #1C0008)
- Softworn Aubergine Meadow color palette (#CCF2E7, #61A180, #2A7F7C, #533471, #480E37)
- Aubergine Bloom color palette (#D1EDE6, #5A891F, #6F008F, #264100, #0D0014)
- Hushed Atelier color palette (#E6F1E8, #6C97BE, #2C54A1, #003948, #06002B)
Browse the whole catalog at Explore, or see today's palette.