Tempered Studio color palette — #FFF2ED · #FFC3BC · #6CCDCD · #CC6860 · #004142

Coral Clay takes the lead with Aqua close behind in a set that reads as balance at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFC3BC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Aqua (#6CCDCD): A luminous, balanced teal — the color of sea glass.
• Coral Clay (#CC6860): A luminous, balanced orange — the color of toasted spice.
• Deep Teal (#004142): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Balance. Tagged light, muted.

Use it as a design system

One click turns Tempered Studio 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

• Ancient Amber color palette (#FFF3E8, #E8DBB7, #98D6F1, #C98A55, #284F3F)
• Feathered Terrace color palette (#FFF1F4, #F4BEFE, #72D0AC, #A774B1, #004430)
• Muted Terracotta color palette (#FEF0FC, #D9857D, #009D9E, #A63E39, #004D4D)
• Pewter Workshop color palette (#FFF4E1, #E6DDB5, #B19B6C, #8B5F44, #31322B)
• Dusty Apricot color palette (#FFF2EC, #FF9C8E, #55BBC9, #35A2B0, #3F2315)
• Chalky Periwinkle color palette (#FFF3E3, #FFCD74, #5BA5EF, #A37500, #002F58)
• Faded Apricot Boulevard color palette (#FFF2EC, #FF9157, #00ABCD, #AB4900, #00232C)
• Washed Chestnut color palette (#FFF2EC, #E2D8CE, #D98A80, #8C472A, #390C00)

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