Worn Emerald color palette — #F3F4FF · #C0B2E5 · #DB8B85 · #5E9358 · #2B3745

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#C0B2E5): A luminous, dusty violet — the color of a velvet chair.
• Salmon (#DB8B85): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#5E9358): A luminous, balanced green — the color of fresh herbs.
• Deep Teal (#2B3745): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Weathered Driftwood Harbor color palette (#F2F5FF, #C2B9F1, #D293B5, #A18B47, #1D3640)
• Lagoon Archive color palette (#F9F3F9, #EBA1A5, #C5976B, #3A9B7B, #2E3347)
• Hushed Lagoon color palette (#E6FBF4, #C1CFFA, #CA9DC6, #5E9C77, #41465F)
• Amber Courtyard color palette (#FAF2FF, #D984A8, #C8792A, #008272, #1B1F37)
• Wandering Cabin color palette (#F1F0FF, #CDA6DD, #82768A, #545262, #1F2129)
• Wandering Amber Coast color palette (#ECF7FB, #61C3CD, #B28F44, #5B6C39, #122A2B)
• Wandering Coast color palette (#F3F4FF, #D9D9E8, #FFB4C2, #BFB6AE, #494060)
• Airy Blush Lantern color palette (#FEE8FF, #FF677F, #859200, #007797, #2B001B)

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