Soft Navy color palette — #FEF5D6 · #7C7B00 · #007861 · #004A8B · #352A01
Peacock takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FEF5D6): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#7C7B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Teal (#007861): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#004A8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#352A01): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Tempered Canyon color palette (#F4EFD6, #687A04, #006D7F, #403782, #2B270C)
- Hushed Olive color palette (#FFF3E6, #A76500, #467600, #00545C, #3F2404)
- Weathered Courtyard color palette (#FFF3E2, #976E00, #1362C6, #004598, #3A2800)
- Aubergine Boulevard color palette (#FFF3E6, #B08400, #247F26, #501879, #3A3700)
- Sunlit Market color palette (#FFF2EE, #D61D43, #007770, #005651, #432015)
- Powdered Villa color palette (#F1DABC, #825900, #00578A, #003B5F, #261700)
- Amber Villa color palette (#FFE5D0, #BE990F, #687500, #00561A, #003E34)
- Timeworn Aubergine Corridor color palette (#FFF4DD, #937C00, #006381, #52207D, #500D4E)
Browse the whole catalog at Explore, or see today's palette.