Weathered Coast color palette — #FFF1F4 · #FFD5FA · #EC90B4 · #AD686D · #534C48

Built around Ballet Pink, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Thistle (#FFD5FA): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#EC90B4): A luminous, balanced rose — the color of a warm blush.
• Mocha (#AD686D): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal Brown (#534C48): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Wandering Driftwood Courtyard color palette (#F3F0FF, #DEA8CE, #AE708B, #8D505D, #60455F)
• Apricot Lantern color palette (#FFF2EF, #F5D4C0, #FB9F78, #A9744C, #4F4B44)
• Glacier Ridge color palette (#FFF1F1, #FFD1D4, #66DEFF, #C084A9, #314E3E)
• Timeworn Blush Garden color palette (#FFF2EE, #E5D8D4, #EF96A4, #945258, #47261B)
• Gentle Garden color palette (#FFF0FC, #FFB2D3, #FF485E, #B82D00, #552700)
• Scarlet Chapel color palette (#FFD0E5, #FF8CAB, #E41500, #853100, #371B00)
• Cocoa Pier color palette (#FFF2F0, #E1DACF, #C3A5CB, #9EB8B1, #7F4125)
• Antique Cocoa Orchard color palette (#FFE8E2, #D4DBE7, #A8A1B0, #6F3510, #27211E)

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