Weathered Hollow color palette — #FFF1F2 · #F1D4D5 · #ED8FB0 · #A86572 · #58504D

A conversation between Ballet Pink and Mocha, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F1D4D5): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#ED8FB0): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A86572): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal Brown (#58504D): a grounded near-black with real depth.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

One click turns Weathered 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

• Dusty Pier color palette (#F8F2FF, #D399B4, #AD6881, #8D5764, #5D4660)
• Aged Atelier color palette (#FFF1F5, #FFC1F0, #EB9EB7, #B97F79, #514A46)
• Tempered Apricot color palette (#FFF2EE, #F1D6BD, #F79D70, #9D6942, #4F4A44)
• Tempered Terrace color palette (#FFF2EF, #F6D3C9, #65E4D5, #D37B92, #394C34)
• Wandering Blush Delta color palette (#FFF2ED, #E4D8D3, #F59AA0, #99585E, #3D2016)
• Aged Cocoa Ridge color palette (#FFF2EE, #E0D9CF, #D5A6C0, #A0B3B2, #793A23)
• Scarlet Corridor color palette (#FFE3E8, #FF838F, #D80719, #832A00, #311400)
• Dusty Dune color palette (#FFF1F2, #FFB6A9, #E6500C, #944900, #462600)

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