Soft Coast color palette — #F3DCDE · #FF6B72 · #C30C0A · #7A1D00 · #481400

A conversation between Brick and Watermelon, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F3DCDE): A whisper-light, dusty red — the color of a theater curtain.
• Watermelon (#FF6B72): A luminous, vivid orange — the color of sun-warmed clay.
• Brick (#C30C0A): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#7A1D00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#481400): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Peony Villa color palette (#F4E4EA, #FF538E, #C2004C, #831228, #440608)
• Tempered Ember Garden color palette (#F1DDD9, #F95E21, #B64F00, #693000, #351A00)
• Worn Quarry color palette (#FFE7E4, #E23C24, #972800, #531C00, #210B00)
• Aged Delta color palette (#FFEEE4, #F76226, #4B9900, #9C3300, #0E2800)
• Worn Rose Lagoon color palette (#FFD0F2, #FF85A5, #EA504E, #8E4800, #533A00)
• Apricot Chapel color palette (#FFE1CE, #E18C39, #AC6C05, #664401, #34302A)
• Worn Mustard color palette (#FFEEE2, #DFD8BD, #E9B54C, #A5634F, #3B250E)
• Ember Pier color palette (#FFDCCE, #D55500, #7A7A00, #9B2C83, #2D0C00)

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