Tempered Petal color palette — #FFE8E5 · #FFC9F4 · #D2CBD4 · #562F34 · #26181A

Built around Thistle, softened by Cocoa — the whole palette hums with creativity and sophistication.

The five colors

• Rose Water (#FFE8E5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Thistle (#FFC9F4): A whisper-light, balanced pink — the color of neon signs at night.
• Oat (#D2CBD4): bright and airy, almost weightless.
• Cocoa (#562F34): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#26181A): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Tempered Petal 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 Basalt color palette (#FFE7E9, #CAD2C4, #B3A5A3, #573E37, #2F2522)
• Dusty Basalt color palette (#FFE7ED, #DDD7FF, #BBB1B8, #352E51, #1A0E15)
• Pewter Garden color palette (#FFF1F1, #EDD8BE, #976384, #512744, #1A0A0B)
• Linen Bronze color palette (#FFF1F1, #FFCDC1, #DF9072, #A45000, #4B2900)
• Faded Balcony color palette (#DDE9CE, #FAB632, #FF86A0, #4C363F, #2D262E)
• Patina Chartreuse Lantern color palette (#E1F2EC, #ABE556, #E5AFFF, #725059, #2E2326)
• Weathered Orchard color palette (#FEF1F8, #ACA9F1, #62AF96, #00828D, #311D29)
• Airy Blush color palette (#E8E7FB, #FFBA8B, #FF95B9, #39001A, #0F0000)

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