Tempered Hollow color palette — #F4F7E9 · #B1BAEC · #BB7C97 · #0C7F7E · #5A3F49

Teal and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Lavender (#B1BAEC): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#BB7C97): A luminous, balanced rose — the color of a warm blush.
• Teal (#0C7F7E): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5A3F49): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged retro, muted.

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

• Worn Petrol Canyon color palette (#FAF5E4, #DAADD4, #B58670, #3C7696, #5A403C)
• Softworn Drift color palette (#DEFCFC, #D9D8FF, #CC8D9D, #477C85, #3E3D4F)
• Hushed Basin color palette (#F3F7EA, #8EC8DB, #9689BB, #367F57, #334E47)
• Washed Villa color palette (#EBFAEE, #C296C7, #A36072, #496236, #4B4456)
• Faded Coast color palette (#F4EFD9, #BF8DC3, #AF5E41, #005D82, #492133)
• Tempered Bloom color palette (#FBF3F1, #CFE7E0, #81BBD2, #5A9765, #614963)
• Aged Cocoa color palette (#FAF4EE, #DBD0B3, #88A57E, #937282, #5F4A00)
• Wandering Bronze Balcony color palette (#FDF2EF, #DE9E9E, #9A8C56, #7A6819, #1E4664)

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