Tempered Stone Harbor color palette — #E8FCE7 · #D4BB7E · #AC8858 · #805D6E · #2F4238

A conversation between Sand and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#E8FCE7): A whisper-light, dusty green — the color of fresh herbs.
• Sand (#D4BB7E): A luminous, balanced gold — the color of old brass.
• Caramel (#AC8858): A luminous, dusty gold — the color of afternoon light on wheat.
• Graphite (#805D6E): A full-bodied, dusty rose — the color of a warm blush.
• Forest (#2F4238): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Orchard color palette (#EBFAEF, #C3C18C, #9F8E5E, #547253, #29433B)
• Quiet Delta color palette (#FFE7F1, #E8A544, #BC7232, #86503E, #1A3E26)
• Bronze Coast color palette (#FFF3E5, #F1D9B6, #B9976B, #915E29, #35312B)
• Timeworn Mustard color palette (#FDF1F7, #E1C078, #94654D, #573649, #291E24)
• Weathered Terrace color palette (#ECFAEA, #90B09B, #8B6C46, #674659, #244539)
• Pale Archive color palette (#FEF1F6, #FFB06B, #819B3D, #B26E2C, #122923)
• Sunlit Boulevard color palette (#FFE7EE, #C4972E, #9B6415, #6D4025, #052C1A)
• Amber Quarry color palette (#EEF9ED, #C78000, #008893, #5E5A90, #2F2133)

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