Tempered Hollow color palette — #FFF1F2 · #F3D3D4 · #E393AC · #AE6169 · #6E4340

Ballet Pink and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F3D3D4): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#E393AC): A luminous, balanced rose — the color of a warm blush.
• Mocha (#AE6169): A full-bodied, balanced red — the color of late-summer berries.
• Coffee (#6E4340): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

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

• Hushed Blush color palette (#FFEEF2, #FFC6EB, #F698B9, #BE7A72, #57504B)
• Tempered Loft color palette (#FFF0F8, #E4D8E3, #CBA5E3, #996197, #664043)
• Dusty Bronze Thicket color palette (#FFF2ED, #E8D7C7, #DD9A73, #A4662A, #534E48)
• Softworn Rust color palette (#FFF2ED, #E0D8CE, #E7A3A0, #A35651, #41181B)
• Scarlet Balcony color palette (#FFD3D9, #F88A86, #DE3B17, #7F3200, #2D1400)
• Worn Basin color palette (#FFF2EE, #E0DACE, #D5A5BB, #9EB3B2, #7A3D21)
• Feathered Ember color palette (#FFF1F1, #FFAC9D, #D5611D, #8E4700, #482D00)
• Aged Blush color palette (#FFF2EF, #F5D3C8, #82DEDD, #D47B8C, #065151)

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