Stone Harbor color palette — #FFF1F2 · #F2D3D1 · #EC9FA9 · #A2655B · #514A46

Ballet Pink and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F2D3D1): A whisper-light, dusty orange — the color of autumn markets.
• Ballet Pink (#EC9FA9): A luminous, balanced red — the color of a theater curtain.
• Mocha (#A2655B): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#514A46): quiet, heavy and certain.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Mallow Ridge color palette (#FFF0F9, #E9D4E3, #D9A6D8, #A17091, #674742)
• Apricot Grove color palette (#FFF2EF, #E6D6CB, #DC9C80, #9E764F, #614200)
• Wandering Rose Balcony color palette (#FFEDEB, #EBA8B8, #C1606F, #88484D, #3E3633)
• Rust Station color palette (#FFE5EA, #FF8578, #C94D00, #6B3900, #2A1B00)
• Coral Harbor color palette (#FFF2EE, #F3D4C6, #90DAE2, #CE8186, #344D39)
• Softworn Cocoa Thicket color palette (#FFF2EE, #E0DCCE, #DFACAD, #9BBDB7, #793E1C)
• Hazy Ember color palette (#FFF1F5, #FFB4BE, #F65326, #A44F00, #442900)
• Muted Marigold color palette (#FFF2ED, #FFC199, #CA9B47, #866F15, #3B3A33)

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