Tempered Terrace color palette — #F9F2FE · #FBD1CF · #86E0C5 · #C980A1 · #264D51

Dusty Rose takes the lead with Lagoon close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F9F2FE): a clean, paper-quiet neutral.
• Shell Pink (#FBD1CF): A whisper-light, dusty orange — the color of toasted spice.
• Lagoon (#86E0C5): A whisper-light, balanced teal — the color of sea glass.
• Dusty Rose (#C980A1): A luminous, balanced rose — the color of strawberry cream.
• Charcoal (#264D51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Amber color palette (#FCF1F8, #EFD9C0, #74DDF3, #D58064, #2E4B57)
• Aged Meadow color palette (#F3F4FF, #F0D2E9, #C3D778, #A58BCA, #2E4E43)
• Aged Field color palette (#FBF2F9, #CDE0CE, #B67162, #563D50, #21181F)
• Stone Dune color palette (#FAF2FD, #EBD5DB, #B0B9B0, #B8ABD0, #564A58)
• Timeworn Coast color palette (#FFF1F6, #C9F2E6, #CFA484, #926D85, #354339)
• Blush Atelier color palette (#FBF1FF, #E8DBD7, #F298AB, #925162, #39233E)
• Ancient Crimson color palette (#FEF0FF, #FFAEB5, #09CABF, #D5385B, #003733)
• Aged Pewter Harbor color palette (#FFF1F1, #D89BB9, #729CCA, #9D597D, #5A445D)

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