Worn Coast color palette — #FFF1F5 · #CEA3EE · #91B355 · #9868BA · #43433C

Amethyst takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Lavender (#CEA3EE): A luminous, balanced violet — the color of a velvet chair.
• Sage (#91B355): A luminous, balanced green — the color of new leaves after rain.
• Amethyst (#9868BA): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#43433C): a grounded near-black with real depth.

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

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

• Linen Raspberry Balcony color palette (#FFF1F1, #EB9ACB, #58BC84, #B95997, #244C35)
• Lime Archive color palette (#FDF1FA, #9EB3FF, #8BBF4D, #5E72C6, #364A21)
• Powdered Lilac Coast color palette (#F4F4FF, #EBC3FE, #BCC26B, #A86FC1, #393C00)
• Quiet Grove color palette (#F4F4FF, #B787E0, #7B944D, #765493, #3A4820)
• Wandering Drift color palette (#FFF0FA, #A3B2FC, #E18F38, #6B78CB, #47413C)
• Faded Aqua Basin color palette (#FFF1F6, #D7BEFF, #5DD1DF, #AB8ED5, #0C4B52)
• Emerald Workshop color palette (#FFF1F7, #C2A7FF, #00AEA1, #0A9E58, #47303A)
• Washed Coast color palette (#FFF1F3, #A2D2AB, #905D8C, #5A373C, #2C1D1F)

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