Emerald Ridge color palette — #F5F4FD · #DAB9E6 · #D494A8 · #6A9552 · #354068

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

The five colors

• Ivory (#F5F4FD): bright and airy, almost weightless.
• Lavender (#DAB9E6): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#D494A8): A luminous, balanced rose — the color of strawberry cream.
• Olive Leaf (#6A9552): A luminous, balanced green — the color of fresh herbs.
• Navy (#354068): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

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

• Timeworn Thicket color palette (#F2F5FF, #C4BFFB, #D19C7B, #269B87, #393F65)
• Aged Ridge color palette (#EEF7FC, #98D1E8, #D692AB, #799152, #1A4959)
• Aged Quarry color palette (#F7F3FF, #F3B5E1, #D1807D, #86633B, #2D3850)
• Tempered Lantern color palette (#F8F2FD, #EDA4CA, #C3965C, #008E94, #4E264D)
• Muted Meadow color palette (#F0F5FF, #E2D4E7, #CDB7D3, #76AAAC, #415560)
• Tempered Cypress color palette (#FEF1F6, #B5A9D8, #AE7A93, #00787F, #2A4463)
• Hushed Studio color palette (#F2F0FD, #CFA6D7, #837689, #555262, #202128)
• Fuchsia Field color palette (#F5F4FF, #E392FB, #EB6C58, #008A68, #3F1663)

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