Tempered Stone Harbor color palette — #FFF2EE · #E7D6CB · #E6A48B · #AD7755 · #57514B
A conversation between Melon and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E7D6CB): A whisper-light, dusty gold — the color of honey in a jar.
- Melon (#E6A48B): A luminous, balanced orange — the color of sun-warmed clay.
- Caramel (#AD7755): A luminous, balanced gold — the color of old brass.
- Charcoal Brown (#57514B): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Tempered 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
- Chestnut Grove color palette (#FFF2EA, #E7DBBB, #DCB279, #917744, #654D00)
- Softworn Amber color palette (#FEF0FF, #E8A49B, #BF6947, #885230, #694955)
- Ember Boulevard color palette (#F4E1FF, #E19C9B, #C4664C, #754C1E, #273E2E)
- Antique Archive color palette (#FFF2EA, #EBD9BB, #92D6F6, #C78969, #2A4F3F)
- Misty Apricot Canyon color palette (#FFE3D5, #FA963A, #AD7200, #554000, #1F1900)
- Patina Stone Studio color palette (#FFF3E7, #DEDACC, #D7A77D, #845D38, #402709)
- Timeworn Workshop color palette (#FFF3E9, #FEBE62, #B48900, #695B00, #2E3000)
- Sand Balcony color palette (#FFF3E9, #FFBB8C, #76CEB7, #A598CF, #3D3732)
Browse the whole catalog at Explore, or see today's palette.