Tempered Stone color palette — #F6F3FF · #FFBBD0 · #F4A29E · #B7826F · #425540

Rose Quartz and Carnation set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Carnation (#FFBBD0): A whisper-light, balanced rose — the color of strawberry cream.
• Rose Quartz (#F4A29E): A luminous, balanced orange — the color of autumn markets.
• Caramel (#B7826F): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#425540): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

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

• Petal Canyon color palette (#F5F4FF, #FDBCF1, #EB9AB3, #BA847F, #614352)
• Glacier Chapel color palette (#FFF0FB, #FFC5B8, #75DADB, #D89586, #2D535E)
• Marigold Chapel color palette (#FFF0FE, #FFCFB9, #DFA970, #988D5D, #37564C)
• Tempered Workshop color palette (#FFDBDC, #E3AAB8, #BB6C75, #8B452D, #3D3732)
• Linen Tangerine color palette (#FFDAE6, #FFA19E, #FE782E, #AC6100, #533E00)
• Powder Orchard color palette (#FFEFFF, #FFAEB1, #75CAF0, #91A8CE, #4C3D4C)
• Patina Ash Grove color palette (#FEF0FF, #D7DCCE, #C4BDDB, #BA9DB3, #5F4E59)
• Softworn Coast color palette (#E9FBED, #D6E0AD, #9EC0A6, #A48996, #394C4A)

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