Tempered Terrace color palette — #FFF2EF · #F6D3C9 · #65E4D5 · #D37B92 · #394C34

A conversation between Lagoon and Dusty Rose, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#F6D3C9): A whisper-light, dusty orange — the color of autumn markets.
• Lagoon (#65E4D5): A whisper-light, balanced teal — the color of shallow lagoons.
• Dusty Rose (#D37B92): A luminous, balanced red — the color of a theater curtain.
• Deep Olive (#394C34): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Washed Garden color palette (#FFF3EA, #EADABA, #89D7FF, #C58A66, #294F40)
• Seafoam Dune color palette (#FFF1F4, #FCD1E6, #9EE094, #B484C7, #464740)
• Softworn Boulevard color palette (#FDF3EC, #CBDECC, #AF765B, #6C3603, #221913)
• Aged Bronze Villa color palette (#FCF4EA, #DFE2BF, #C7A884, #A36C3C, #4F3D00)
• Aged Cocoa Ridge color palette (#FFF2EE, #E0D9CF, #D5A6C0, #A0B3B2, #793A23)
• Cocoa Hollow color palette (#FFE9E1, #D4DCE8, #B7ACB1, #6A3206, #2E2621)
• Wandering Blush Delta color palette (#FFF2ED, #E4D8D3, #F59AA0, #99585E, #3D2016)
• Tempered Scarlet color palette (#FFF2ED, #FFB0A7, #00C6CF, #EA0D24, #003639)

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