Pale Navy color palette — #FCF7D1 · #5A6A00 · #00369C · #490040 · #030100
Indigo takes the lead with Royal Purple close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FCF7D1): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#5A6A00): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#00369C): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Royal Purple (#490040): A deep, shadowed, balanced pink — the color of peonies in June.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Timeworn Garden color palette (#F5F9D3, #478103, #3800B1, #49002F, #020100)
- Emerald Pier color palette (#F0F7D5, #009339, #00527F, #430039, #030100)
- Aubergine Loft color palette (#FFF3E2, #8B6900, #00506E, #2F0059, #030100)
- Aubergine Boulevard color palette (#E2E8C8, #2E6F0F, #2E0089, #27000F, #020100)
- Shadow Forest Atelier color palette (#DAF7F2, #0E5C0B, #00314A, #300025, #010100)
- Faded Aubergine Meadow color palette (#EDFBE1, #008460, #641F98, #410008, #020100)
- Emerald Lantern color palette (#FFECC5, #2CA50F, #006357, #41005E, #000502)
- Twilit Aubergine color palette (#F5E2EB, #773600, #360086, #320032, #170002)
Browse the whole catalog at Explore, or see today's palette.