Tempered Terrace color palette — #DAF7E3 · #F1786D · #847A18 · #395680 · #452434

Watermelon takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DAF7E3): A whisper-light, dusty teal — the color of sea glass.
• Watermelon (#F1786D): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#847A18): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#395680): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#452434): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

One click turns Tempered Terrace 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

• Feathered Tangerine color palette (#DBF8DB, #ED7F4C, #6E8200, #474E8C, #20371F)
• Blush Loft color palette (#CFFAEA, #EF6EAE, #A6670E, #165D79, #3E273D)
• Weathered Canyon color palette (#FFF3E3, #EF9F8F, #987A18, #3B469A, #381700)
• Gentle Quarry color palette (#F9EDFB, #E5657F, #00856E, #52418B, #2C234C)
• Washed Marigold Drift color palette (#FFE7F2, #D19500, #2D8B59, #5D4A7D, #17382B)
• Hushed Bronze Orchard color palette (#FDE3EB, #B16F00, #194A3B, #2E1B22, #120A11)
• Amber Loft color palette (#FFECCF, #BC7216, #725600, #004D2D, #342F2A)
• Antique Scarlet color palette (#DCEEDE, #DE4100, #595D00, #1F2D7C, #231100)

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