Stone Harbor color palette — #FFF2F0 · #E1D9D0 · #A7B5B1 · #D1A2A9 · #5F4A46

Built around Rosewood Mist, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1D9D0): bright and airy, almost weightless.
• Ash (#A7B5B1): a calm mid-gray that lets other colors speak.
• Rosewood Mist (#D1A2A9): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#5F4A46): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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

• Cocoa Terrace color palette (#FFF2EA, #DCF7C7, #DEDBCC, #DAAD9E, #734105)
• Ancient Driftwood color palette (#FBF1FF, #EAD5DC, #E0B6BD, #907DA2, #524754)
• Blush Delta color palette (#FFF2EE, #E0D8CE, #95B5B5, #CC7094, #572E25)
• Tempered Market color palette (#FFF3E9, #E0DDC1, #D6A17D, #A76944, #553900)
• Wandering Teal color palette (#FEF3ED, #F6AF9C, #66C1B4, #5A86B0, #37302C)
• Hushed Celadon Bloom color palette (#F1FFA5, #FFE8E6, #D2D0DD, #75371E, #322825)
• Patina Cocoa Courtyard color palette (#FBF3F0, #CEDCCC, #AD756C, #6E3313, #231914)
• Faded Lagoon color palette (#FFE6EB, #F8978E, #D17600, #7D1E68, #050000)

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