Soft Navy color palette — #E1F5EF · #557800 · #00678B · #0046A4 · #172400
A conversation between Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#E1F5EF): A whisper-light, dusty teal — the color of sea glass.
- Olive (#557800): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#00678B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#0046A4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Onyx (#172400): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Frosted Quarry color palette (#C9E5E0, #2D7426, #005983, #6B002D, #032201)
- Timeworn Nightshade color palette (#CCE7E1, #427D00, #2057BB, #1835BF, #102601)
- Soft Bronze Studio color palette (#D4F2DC, #846700, #00668F, #314577, #291E00)
- Linen Aubergine Delta color palette (#C8E5E7, #007E5F, #5C48B5, #6400B1, #00261B)
- Aubergine Studio color palette (#CAEFDD, #827E00, #5862BB, #6B3794, #083424)
- Antique Workshop color palette (#F6E7CD, #826800, #006A79, #762470, #110900)
- Misty Nightshade Dune color palette (#D9E3C5, #506300, #4732AC, #560073, #0E1400)
- Linen Ridge color palette (#EDDAD3, #B3400D, #006886, #2A4872, #3B0E00)
Browse the whole catalog at Explore, or see today's palette.