Stone Coast color palette — #FFF1F2 · #F1D3D3 · #F0A0B4 · #A26B6F · #773B1A

A conversation between Ballet Pink and Bronze, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F1D3D3): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#F0A0B4): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A26B6F): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#773B1A): A full-bodied, balanced orange — the color of toasted spice.

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

Use it as a design system

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

• Tempered Apricot Ridge color palette (#FFF2ED, #EAD7C3, #E49D75, #997351, #714800)
• Muted Terracotta Studio color palette (#EBE5FF, #D5A2C1, #B66C7C, #8C3D42, #4E2F45)
• Tempered Stone color palette (#FFF2ED, #E2D8D1, #E39E95, #905E5B, #402114)
• Powdered Atelier color palette (#FFF1F1, #FFA68D, #DA7029, #7E4700, #412900)
• Quiet Rust Basin color palette (#FFD8DE, #FF8076, #CD3712, #733400, #311800)
• Weathered Coral color palette (#FFF1F5, #FFA9B1, #FF585B, #AD3E03, #552300)
• Seafoam Meadow color palette (#FFF2EE, #F4D3C7, #8FDDD2, #C3878F, #394C34)
• Wandering Cocoa color palette (#FFF2EE, #E0D8CE, #D8B4B2, #9DB1B0, #773C1A)

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