Tempered Rose color palette — #FFF1F6 · #FFB1BA · #FF4234 · #A64A00 · #563100

Built around Scarlet, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ballet Pink (#FFB1BA): A whisper-light, balanced red — the color of late-summer berries.
• Scarlet (#FF4234): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#A64A00): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#563100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Timeworn Tangerine Terrace color palette (#FFF1F3, #FFB8AC, #F56F00, #835000, #453400)
• Rose Parlor color palette (#FFF0FC, #FFA8D0, #FF3679, #BE2919, #622500)
• Hushed Coral color palette (#F2E0E0, #FFA09F, #FF6F64, #CD563A, #63250C)
• Tangerine Hollow color palette (#F7DAD8, #F96B1F, #975700, #473300, #110D00)
• Brick Field color palette (#FFE4E9, #FF7380, #C8231A, #8E3400, #693500)
• Antique Rust Balcony color palette (#FFF2EB, #FFB296, #00C5D6, #D34A00, #00353B)
• Airy Scarlet Market color palette (#F3E2EF, #F46A8C, #CF232D, #6E3800, #301F00)
• Wandering Meadow color palette (#FCDACD, #AE6B00, #674B00, #2D2800, #020400)

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