Softworn Emerald color palette — #FBF4EB · #D2D4A2 · #5F9B5F · #7B5D38 · #312702

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Pistachio (#D2D4A2): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#5F9B5F): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#7B5D38): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#312702): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Aged Lagoon color palette (#F7F6E8, #C8D7AC, #009E9C, #5C6A32, #232C0C)
• Dusty Ridge color palette (#F9F5E9, #B8DBB6, #439B8A, #7A5574, #272A0B)
• Aged Teal Boulevard color palette (#FAF5E9, #CDE4C8, #6AAE94, #827647, #393932)
• Dusty Moss color palette (#FFF3E7, #E1DBA5, #6CA352, #007A7D, #352F00)
• Emerald Harbor color palette (#EAE1C5, #669E66, #005B4E, #2F2D00, #000200)
• Wandering Olive color palette (#FAF1DF, #A2A563, #527029, #4A463F, #231B00)
• Muted Lagoon color palette (#FEF3E6, #B9C280, #3D894D, #005C67, #181A00)
• Dusty Corridor color palette (#F8E9DF, #8E7835, #314300, #00211E, #020100)

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