Stone Harbor color palette — #FFF2F0 · #E1D8D0 · #D2AAAA · #9CB2A0 · #5A4946

A conversation between Rosewood Mist and Sage, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1D8D0): a clean, paper-quiet neutral.
• Rosewood Mist (#D2AAAA): A luminous, dusty red — the color of a theater curtain.
• Sage (#9CB2A0): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5A4946): 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

• Weathered Cocoa Market color palette (#FFF3E8, #E4F4BB, #DDDBCB, #CFA48E, #6C4200)
• Softworn Ash Corridor color palette (#FFEDED, #E2D7CA, #C4C3A2, #968CC0, #4F3935)
• Washed Shell color palette (#FFF2ED, #FFA89D, #B6BC88, #B68C9A, #642909)
• Hushed Mustard Drift color palette (#FCF3ED, #FFD3BC, #CAB76B, #D29E81, #302D27)
• Aged Study color palette (#FDF3EE, #FFD5AB, #BD9480, #995A3A, #322925)
• Soft Sunflower color palette (#FFF4E0, #FBE37A, #CED753, #CA8C3F, #483A00)
• Misty Mustard color palette (#FFD4BF, #FFB577, #B8B749, #C17660, #3B1F04)
• Tempered Blush color palette (#F9DBE1, #F5828A, #D67A65, #985375, #1F0200)

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