Tempered Terrace color palette — #FDF1FC · #F49B9F · #00BEAB · #BB6167 · #184A52

Turquoise and Mocha set the tone — five colors that lean into balance.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Rose Quartz (#F49B9F): A luminous, balanced red — the color of embers at dusk.
• Turquoise (#00BEAB): A luminous, balanced teal — the color of sea glass.
• Mocha (#BB6167): A full-bodied, balanced red — the color of embers at dusk.
• Deep Teal (#184A52): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Balance. Tagged warm.

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

• Worn Raspberry Canyon color palette (#F7F2FF, #E39ECC, #00BEB0, #B8589C, #004E47)
• Bronze Alley color palette (#FFF1F6, #E6A877, #00BBC6, #B56C27, #004C51)
• Linen Coral color palette (#FFF2EE, #FFC2C3, #5FD3B3, #CA676D, #074335)
• Chalky Corridor color palette (#FFF2EE, #DF7E8E, #1A9D98, #9A4757, #304A2E)
• Blush Workshop color palette (#FCF1FF, #E3839C, #00ABC2, #3D86BA, #413145)
• Tempered Driftwood Cabin color palette (#ECFAEC, #9FC9B4, #AD8852, #8A5C4A, #2A433E)
• Blush Corridor color palette (#FEF0FF, #FFB4BE, #C2C46C, #E4798A, #454516)
• Frosted Brick Workshop color palette (#F6DBF0, #FF6553, #009DB7, #C50C05, #00343E)

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