Quiet Olive color palette — #D9F2E7 · #87A452 · #4D802B · #744D00 · #0B1200

Olive Leaf and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D9F2E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#87A452): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#4D802B): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#744D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#0B1200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Quiet Olive 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

• Teal Bloom color palette (#D4EFED, #49AD89, #00836E, #714E00, #00140C)
• Quiet Archive color palette (#F1EED0, #509745, #6B7300, #3C5100, #091500)
• Emerald Loft color palette (#D3F1E8, #89B678, #40934E, #536F19, #082100)
• Sunlit Basin color palette (#CAF3E3, #8B9600, #EC0042, #616900, #260004)
• Feathered Olive color palette (#E0E3D5, #798700, #008779, #A04A00, #070800)
• Pale Garnet Alley color palette (#D3EBDF, #659252, #006243, #66122E, #041400)
• Pale Orchard color palette (#DAE9E1, #B7C182, #809D4C, #7E7827, #282C01)
• Worn Olive color palette (#EBE6CD, #517500, #164100, #2B1B00, #020300)

Browse the whole catalog at Explore, or see today's palette.