Worn Emerald color palette — #F4F7EB · #509F6F · #6C5B99 · #763944 · #33302A

Fern and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Fern (#509F6F): A luminous, balanced teal — the color of glacier melt.
• Slate (#6C5B99): A full-bodied, balanced violet — the color of a velvet chair.
• Oxblood (#763944): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#33302A): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, 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

• Cobalt Loft color palette (#F1F7EE, #5CA89A, #5B6BAF, #783F4F, #45423B)
• Worn Archive color palette (#EEF4E7, #21A88F, #7F6399, #513C64, #231910)
• Aged Dune color palette (#EFF8F0, #0E939F, #984D84, #723F14, #363730)
• Petrol Quarry color palette (#F9F5EB, #948D4D, #2D6FA5, #624170, #3C3631)
• Lagoon Ridge color palette (#F3F6F0, #D3DCD9, #A2AEB9, #598F79, #51544E)
• Dusty Boulevard color palette (#EEF9E8, #00826C, #760090, #75000D, #292100)
• Weathered Lagoon color palette (#EBF5EB, #008F8F, #274435, #222B22, #101713)
• Misty Lagoon color palette (#EDFCD2, #7EC7B6, #009A9D, #006778, #314473)

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