Weathered Coast color palette — #F6F3FF · #8DBC94 · #654366 · #312847 · #221722

Mint Leaf and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Mint Leaf (#8DBC94): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#654366): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Indigo (#312847): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#221722): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered 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

• Hushed Pewter color palette (#F9F3FA, #9ECBBF, #7F4E56, #453048, #2E2026)
• Weathered Canyon color palette (#FEEDEC, #C8AF88, #793E5D, #3F172D, #160808)
• Timeworn Lilac color palette (#FFF1F3, #AFE5B7, #B57FB5, #7E565D, #2B1E20)
• Antique Studio color palette (#FFF0FB, #A5A932, #81200B, #4C0900, #291024)
• Pale Mulberry Market color palette (#F7F3FD, #D897BD, #886B00, #8E3E72, #16291C)
• Moss Orchard color palette (#ECDEF7, #66A700, #6D0044, #36001F, #15091D)
• Worn Moss color palette (#EBD8E2, #998F2A, #5A2300, #290C00, #14060E)
• Blush Lantern color palette (#E0FEEC, #CA7C98, #8D5F17, #21517C, #4C3448)

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