Worn Emerald color palette — #FDF3EE · #DC847D · #649044 · #37718E · #42302D

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Watermelon (#DC847D): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#649044): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#37718E): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#42302D): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Worn 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

• Softworn Alley color palette (#FCF4EB, #D99A5C, #539B70, #5B6AA0, #37302C)
• Stone Workshop color palette (#FCF1FD, #DE9BA6, #679B79, #34738D, #201F31)
• Aged Amber color palette (#FFF1F3, #C18DBF, #A7872E, #047A72, #3F2F33)
• Wandering Amber Grove color palette (#FEF4E2, #E9ABB0, #B58952, #4F709D, #4D4642)
• Hushed Ember Canyon color palette (#FFF2EC, #DD5E48, #007977, #5B3881, #2A160B)
• Rose Loft color palette (#FBF1FC, #C96170, #7A632E, #4C446B, #373240)
• Wandering Rose color palette (#FFF2EF, #F63A73, #008C64, #353CBC, #391A14)
• Softworn Boulevard color palette (#FFF2F0, #FBC0BA, #CF8F5C, #8E6C2A, #474A07)

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