Softworn Emerald color palette — #FBF7D3 · #B6ECCE · #91BA7E · #559158 · #4A4C44

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

The five colors

• Custard (#FBF7D3): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#B6ECCE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#91BA7E): A luminous, balanced green — the color of new leaves after rain.
• Fern (#559158): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4A4C44): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged light, 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

• Weathered Balcony color palette (#F1FADC, #ADF3F0, #70CBAC, #209A85, #3C5334)
• Stone Chapel color palette (#D9FFF2, #A5C57D, #658F51, #52724F, #2D5654)
• Softworn Bronze Hollow color palette (#FFF3E4, #DFE6AF, #CBB16A, #8F7B1A, #514E47)
• Washed Workshop color palette (#B5F9CC, #4FC591, #00926E, #005042, #00201D)
• Ancient Jade color palette (#F4F7E9, #C9F3C7, #9DD3FC, #5FB060, #244A65)
• Wandering Pine Terrace color palette (#F0FADD, #C4EACD, #83C5A0, #2C8254, #0E3820)
• Powdered Teal color palette (#DAFFEE, #5FD5B5, #00A794, #006863, #002F30)
• Turquoise Alley color palette (#E2FFDE, #84E7E7, #00B2BE, #007888, #014A59)

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