Quiet Olive color palette — #E2FCF6 · #89AB78 · #B56E9F · #397700 · #5A334E

Olive takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E2FCF6): A whisper-light, dusty teal — the color of sea glass.
• Sage (#89AB78): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#B56E9F): A luminous, balanced pink — the color of neon signs at night.
• Olive (#397700): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#5A334E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Olive Ridge color palette (#EBF9F2, #A4A467, #9679BE, #6C6A00, #4A3961)
• Misty Peony color palette (#E1FBFF, #58B2A1, #C26989, #007667, #632F42)
• Peony Archive color palette (#F0F4E1, #79B57F, #C56CBD, #18732E, #391A36)
• Emerald Ridge color palette (#E2FBF8, #8EC993, #CE87CF, #42954F, #453C5D)
• Timeworn Raspberry color palette (#DAFEFA, #599A64, #AC5992, #9A4151, #08413E)
• Hushed Cocoa Dune color palette (#EBFAEA, #8DB19D, #8C6C41, #734333, #27433D)
• Hushed Raspberry Atelier color palette (#BBF0F6, #009A82, #BF0C96, #005C4D, #540040)
• Scarlet Veranda color palette (#E6F9FF, #00A8AC, #DF3531, #006A6C, #6F0E0F)

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