Stone Harbor color palette — #FBF3F2 · #DED9D3 · #DFA1AF · #AFB5A9 · #5C4F4C

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

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Silver (#DED9D3): bright and airy, almost weightless.
• Rosewood Mist (#DFA1AF): A luminous, dusty red — the color of a theater curtain.
• Ash (#AFB5A9): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#5C4F4C): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Ancient Study color palette (#FBF4E7, #F2C0D4, #D8A080, #5593BC, #5B4039)
• Muted Driftwood Basin color palette (#F5F0F7, #E0D4D6, #B8ACA4, #8E7A95, #39343B)
• Worn Lantern color palette (#FEF2ED, #EDD0C8, #EAC678, #AABBAA, #6C3900)
• Timeworn Market color palette (#F7F6EB, #DAE2C4, #89C3B5, #B98C93, #485406)
• Bronze Parlor color palette (#FFEEE6, #ECA18F, #9F7136, #7E421F, #281F1D)
• Weathered Amber Pier color palette (#FAF4F0, #DBDACF, #BDC4B0, #E3834B, #5A2D00)
• Worn Bronze Basin color palette (#F2EBE2, #ACB3A2, #899F87, #926900, #1E1100)
• Dusty Brick color palette (#F3EBE8, #A6A093, #8E8B6D, #B31D3E, #130502)

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