Worn Coast color palette — #F5F6EB · #A5D297 · #A4A6EF · #AC6C7D · #32322B
Mauve and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Pistachio (#A5D297): A luminous, balanced green — the color of new leaves after rain.
- Mauve (#A4A6EF): A luminous, balanced violet — the color of a velvet chair.
- Mocha (#AC6C7D): A luminous, balanced red — the color of late-summer berries.
- Espresso (#32322B): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Dusty Periwinkle Thicket color palette (#FEF3E6, #E3BC87, #7DB2F0, #A26E94, #35312B)
- Stone Loft color palette (#F6F6E9, #ABD095, #D699BC, #9C7B55, #32322B)
- Tempered Iris color palette (#F5F6ED, #A9DBA9, #8A94D5, #945A3A, #3C3832)
- Muted Mint color palette (#E6FAF7, #98D596, #80C1DB, #B8916F, #2E423F)
- Airy Grove color palette (#E8FAF0, #50C2E7, #CF7FB4, #98662F, #172920)
- Wandering Teal Orchard color palette (#E6F6F5, #64A581, #857BA6, #615585, #0D2827)
- Wandering Sky Atelier color palette (#F6F6EF, #AEF4F2, #6BB6F3, #84A665, #14211E)
- Airy Atelier color palette (#F5F9DA, #6BD25F, #AB4FDF, #B3322D, #062204)
Browse the whole catalog at Explore, or see today's palette.