Softworn Emerald color palette — #FFF1F5 · #DBB4FF · #AC9000 · #00A170 · #3E212C

A conversation between Fern and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Lavender (#DBB4FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Mustard (#AC9000): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#00A170): A luminous, balanced teal — the color of glacier melt.
• Espresso (#3E212C): A deep, shadowed, dusty rose — the color of a warm blush.

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

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

• Tempered Harbor color palette (#FFF0F8, #B1A3FF, #DD9500, #42A047, #3F1F31)
• Feathered Moss Studio color palette (#FFF1F2, #FFA5E1, #78A310, #009C9D, #402123)
• Linen Fuchsia Station color palette (#FFF1F4, #EA8FFF, #948600, #008E76, #132143)
• Olive Corridor color palette (#F3F4FF, #CB9EFF, #589534, #3B7909, #181735)
• Blush Bloom color palette (#FFF1F1, #FF8AC5, #C88B00, #008A64, #003060)
• Dusty Coral Workshop color palette (#FFF4DE, #FF9AD8, #FB6465, #3E8D5A, #512435)
• Olive Harbor color palette (#FFF1F7, #B48FFF, #368A1A, #007057, #401F2F)
• Blush Courtyard color palette (#FFDBD1, #FF929E, #009A72, #0087A4, #3A0D15)

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