Tempered Rose color palette — #F8DED8 · #FF7ED3 · #F55776 · #A95900 · #330101

Rose takes the lead with Bubblegum close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#F8DED8): A whisper-light, dusty orange — the color of autumn markets.
• Bubblegum (#FF7ED3): A luminous, vivid pink — the color of neon signs at night.
• Rose (#F55776): A luminous, vivid red — the color of late-summer berries.
• Ochre (#A95900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#330101): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, warm.

Use it as a design system

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

• Chalky Terrace color palette (#F5E5DD, #FF6895, #E44E00, #895C00, #1F0800)
• Linen Peony color palette (#FFE8E5, #EE86FF, #FB419C, #DA2C00, #2B000D)
• Blush Pier color palette (#FEF0FF, #FFB6EB, #FF737E, #B25A00, #170000)
• Blush Coast color palette (#FDE8FE, #D9ADFF, #FF7F88, #B98C00, #310700)
• Frosted Amber Station color palette (#F8DBBE, #FF8B89, #E47E00, #8A7800, #1C1000)
• Misty Summit color palette (#FFE3DC, #B77EEF, #D7206C, #635100, #330101)
• Worn Magenta color palette (#F8D3D9, #B2A3FF, #DE5DEC, #C52752, #2B0223)
• Ember Workshop color palette (#FFDAD9, #DE5537, #9A4400, #5E3100, #2C1B00)

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