Quiet Emerald color palette — #FFF3E3 · #BDC07F · #59993A · #6A5E9B · #3C3D12

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#BDC07F): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#59993A): A luminous, balanced green — the color of new leaves after rain.
• Slate (#6A5E9B): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#3C3D12): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Washed Lagoon color palette (#FBF6E0, #9AC996, #009E79, #85548A, #264324)
• Muted Moss color palette (#E4FDEB, #DBDF8F, #7D9F55, #7A5D8E, #303100)
• Weathered Olive color palette (#F7E9D6, #B0B154, #438C00, #7E436D, #303000)
• Muted Fern color palette (#FAF4EA, #D8D2AC, #7DA880, #907674, #584E00)
• Pale Emerald color palette (#F0EDDD, #63A561, #007258, #602F63, #1A1D00)
• Airy Coral color palette (#FFE4E0, #FF7566, #00A3AC, #007ABA, #501F1A)
• Olive Alley color palette (#E4DED0, #588331, #005332, #4F0F28, #030800)
• Ancient Azure color palette (#FFF2EC, #A0E9F4, #00AADF, #00856A, #1A4169)

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