Tempered Stone color palette — #F8F2FF · #FDC3DF · #E59CB6 · #BB7F90 · #58445B

Ballet Pink and Dusty Rose set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Thistle (#FDC3DF): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#E59CB6): A luminous, balanced rose — the color of pressed rose petals.
• Dusty Rose (#BB7F90): A luminous, dusty red — the color of late-summer berries.
• Charcoal Brown (#58445B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Warmth, Comfort, Sophistication. 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

• Wandering Garden color palette (#FFF1F4, #FFD2DC, #E098B8, #AE5E66, #564E4A)
• Mallow Corridor color palette (#F2F5FF, #DBCBFF, #C5A5E2, #A785B7, #534C6D)
• Worn Stone Ridge color palette (#FFF0FE, #FFD6D5, #EAA5A6, #B57B7D, #53282A)
• Aged Bloom color palette (#FBF1FD, #FDC3CE, #CEC993, #DD8E9F, #2D5743)
• Peony Quarry color palette (#FFE9E9, #E5A3C3, #C5678A, #834353, #4D2F28)
• Aged Stone color palette (#FEF0FF, #FBB0B6, #DCB77A, #BCA2D5, #4C3C4D)
• Hushed Corridor color palette (#ECFAEB, #C6E2C9, #A4BFA2, #A88794, #3E4C41)
• Aged Blush color palette (#FADFE5, #FF9BAB, #FF5E72, #D14243, #692011)

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