Tempered Terrace color palette — #D3F2EB · #5CA893 · #007F8C · #872D6C · #00140E

A conversation between Raspberry and Teal, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D3F2EB): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#5CA893): A luminous, balanced teal — the color of sea glass.
• Teal (#007F8C): A full-bodied, balanced blue — the color of deep harbor water.
• Raspberry (#872D6C): A full-bodied, balanced pink — the color of a candy shop window.
• Ink (#00140E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Patina Moss Pier color palette (#E1F0E6, #79A75F, #008466, #6D407D, #051400)
• Aged Hollow color palette (#E2E6D3, #359777, #006059, #64162D, #00140C)
• Hushed Garden color palette (#D9E9E4, #85CBAA, #00A5A8, #9D5E7B, #003220)
• Frosted Emerald color palette (#F9E6EC, #AFAB61, #4F9141, #8C5500, #1E1C00)
• Pale Basin color palette (#DBF2E0, #AFCD7D, #2BBE81, #924CAF, #253400)
• Hushed Scarlet Lantern color palette (#E2F4E6, #9ACB82, #00BCAE, #D63B04, #1A1D00)
• Ancient Pier color palette (#EAF9F6, #A3D4DB, #5FADBE, #AC707A, #123C42)
• Cypress Pier color palette (#ECEBD1, #007B5A, #003F42, #380824, #000402)

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