Worn Coast color palette — #F7F6E7 · #C7E098 · #D4B8F7 · #9EB178 · #5F444E

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Pistachio (#C7E098): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#D4B8F7): A whisper-light, balanced violet — the color of a velvet chair.
• Sage (#9EB178): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#5F444E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Worn Coast 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

• Wandering Market color palette (#EFF9E9, #84EBD1, #F0B0D4, #6BBAA5, #614545)
• Ancient Sand Market color palette (#FDF3E9, #FFCA87, #ABC7FF, #CAA06A, #5B4558)
• Linen Drift color palette (#F7F7DE, #B0D58B, #C9B1E7, #C890AD, #484500)
• Weathered Mustard Parlor color palette (#E7FAF3, #BBCF7E, #E79A94, #859454, #5D435A)
• Softworn Fern Canyon color palette (#F8F6E1, #C9ECD1, #CFCCDA, #CFBB9C, #545500)
• Worn Cocoa color palette (#FFF2E9, #F5D3AB, #D3AD91, #AC897C, #5C4300)
• Timeworn Mint Summit color palette (#E8F3DD, #00DFAD, #E98EC2, #23A984, #4E253D)
• Dusty Olive color palette (#E9F5F1, #A9BB88, #AD8CC8, #647C27, #2E2C4D)

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