Softworn Emerald color palette — #F3F7EA · #9BD3B2 · #D29EC4 · #2AA46C · #63405A

A conversation between Kelly Green and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Pistachio (#9BD3B2): A luminous, dusty teal — the color of sea glass.
• Mauve (#D29EC4): A luminous, dusty pink — the color of neon signs at night.
• Kelly Green (#2AA46C): A luminous, balanced teal — the color of sea glass.
• Cocoa (#63405A): A full-bodied, dusty pink — the color of neon signs at night.

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

• Dusty Lagoon color palette (#EEF9ED, #95D2CD, #E09BA6, #00A19B, #694138)
• Hushed Seafoam Corridor color palette (#E2FBFA, #9EE9BC, #EDB1DA, #7EB895, #524860)
• Aged Moss color palette (#F9F5E7, #C6C898, #ACAAE2, #929217, #4A486F)
• Wandering Wisteria color palette (#F0F8EA, #71C2A8, #BD7EC3, #008669, #644249)
• Dusty Amber Field color palette (#F0F9E4, #84C0A6, #9E9CDE, #CC7A53, #41443D)
• Ancient Abyss color palette (#F0F7F1, #E2CEAE, #66876A, #1B575A, #242F25)
• Peony Station color palette (#EBFBE5, #34DBC3, #E73E8E, #008B7A, #641A3C)
• Washed Bronze color palette (#FCF4E8, #D4CAB1, #AC9879, #996930, #544700)

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