Quiet Navy color palette — #CEE7DE · #5E9352 · #00633C · #0C3474 · #021500
A conversation between Navy and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CEE7DE): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#5E9352): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00633C): A full-bodied, balanced teal — the color of sea glass.
- Navy (#0C3474): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#021500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Quiet 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 Corridor color palette (#D9EDEA, #2E996D, #006154, #00404A, #00140A)
- Navy Lagoon color palette (#D9E5DB, #8F8535, #4C5A00, #3B296B, #131000)
- Ancient Alley color palette (#D5E6DF, #71A25D, #007440, #603355, #0B2102)
- Softworn Olive color palette (#DEEEE1, #5D760F, #004327, #3B0C30, #0C1200)
- Antique Villa color palette (#D5EBDD, #A3AB6E, #4F821D, #664773, #282C01)
- Petrol Villa color palette (#E7F4E9, #68ADC0, #006F97, #004A48, #001529)
- Plum Ridge color palette (#F1D7E3, #B4007B, #615E00, #00526C, #15000B)
- Mint Pier color palette (#D1F4EB, #71C085, #008C6C, #455695, #0F371C)
Browse the whole catalog at Explore, or see today's palette.