Tempered Rust Basin color palette — #FFF1F4 · #F0D3D4 · #E193AA · #B36056 · #514B45

A conversation between Mocha and Ballet Pink, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#F0D3D4): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#E193AA): A luminous, balanced red — the color of a theater curtain.
• Mocha (#B36056): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#514B45): quiet, heavy and certain.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Antique Mallow Pier color palette (#FFDBDB, #F0A3C5, #B06678, #854F50, #403935)
• Tempered Blush color palette (#F8F2FF, #FFBCDA, #F092AA, #C17D80, #61465B)
• Muted Bronze color palette (#FFF2EF, #E7D6CB, #D99B6F, #A87326, #54514A)
• Tempered Market color palette (#FFF2EE, #EED7BF, #85DED7, #DC777F, #10514D)
• Pale Thicket color palette (#FFCEE5, #F88192, #CF3A10, #663B00, #201700)
• Cocoa Alley color palette (#FFF2EF, #E0DDCE, #E0A3B8, #AAAAB4, #794117)
• Ember Pier color palette (#FFF1F4, #FFAFA9, #E06B29, #7D4E00, #373000)
• Cocoa Meadow color palette (#FFE8E2, #D3CFDB, #A29592, #672E04, #2F2925)

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