Emerald Ridge color palette — #FFF3E8 · #D37700 · #009929 · #006355 · #170800

Kelly Green takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#D37700): A luminous, balanced gold — the color of afternoon light on wheat.
• Kelly Green (#009929): A full-bodied, vivid green — the color of new leaves after rain.
• Pine (#006355): A full-bodied, balanced teal — the color of sea glass.
• Ink (#170800): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Quiet Olive color palette (#FFF4E1, #C09200, #367E00, #004A46, #250700)
• Feathered Amber color palette (#FFF4DE, #AE8F00, #00937D, #00606D, #110C00)
• Worn Ember color palette (#FFF2EE, #F84E11, #788800, #00662B, #1E0300)
• Linen Atelier color palette (#FFF4DD, #EF9100, #8E6D00, #005434, #241400)
• Timeworn Orchard color palette (#FFF2EA, #FFAB4E, #B27900, #574100, #1B1600)
• Misty Plum color palette (#FEE1E3, #C70044, #006C4F, #004255, #1D0004)
• Dusty Pine color palette (#EDF3CD, #048B22, #00698A, #003576, #000200)
• Worn Drift color palette (#F6F3FF, #A26DFF, #009284, #005F72, #12002A)

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