Tempered Terrace color palette — #F1F7EF · #90D3CB · #DD9CAC · #00A297 · #66423C

Built around Turquoise, softened by Rosewood Mist — the whole palette hums with sophistication.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Lagoon (#90D3CB): A luminous, dusty teal — the color of glacier melt.
• Rosewood Mist (#DD9CAC): A luminous, balanced red — the color of a theater curtain.
• Turquoise (#00A297): A luminous, balanced teal — the color of sea glass.
• Cocoa (#66423C): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication. 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

• Tempered Seafoam color palette (#EDF9EA, #7DEBDE, #FCAEB8, #66BAAF, #65443B)
• Softworn Cabin color palette (#E8FAF3, #99CCEA, #DFA17D, #3097CA, #524C47)
• Antique Blush color palette (#EAF8FB, #6BC2B7, #D47A8A, #00847A, #58455C)
• Washed Moss Garden color palette (#F6F6E8, #B4CE9D, #CF9DD2, #739B48, #5E4160)
• Hushed Cocoa Archive color palette (#FEF3EB, #DAC7B2, #B6937E, #9A626C, #5A4400)
• Ancient Cerulean color palette (#EFF7F4, #EEC8B5, #5783A2, #2C516B, #222E2A)
• Patina Taupe color palette (#EFF8EE, #FDD8E9, #BFDEEC, #95B682, #3E5345)
• Airy Corridor color palette (#E6FCEE, #32D4F8, #E74A63, #00859F, #6C1225)

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