Tempered Drift color palette — #FAF1FF · #FDA1A4 · #B36D54 · #7F5F39 · #3B5341

Rose Quartz and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Rose Quartz (#FDA1A4): A luminous, balanced red — the color of a theater curtain.
• Mocha (#B36D54): A luminous, balanced orange — the color of toasted spice.
• Walnut (#7F5F39): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#3B5341): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Softworn Bronze color palette (#FFE7DE, #E0A196, #B16D56, #7B482E, #403A35)
• Tempered Station color palette (#FFF1F6, #D9A374, #47A8B6, #916944, #2F5360)
• Tempered Mallow Grove color palette (#F4F4FF, #E19CD8, #AD6883, #8A595A, #5F4557)
• Chalky Quarry color palette (#EDDBDE, #FF7C4B, #A05E00, #634900, #204518)
• Weathered Parlor color palette (#F3DFDB, #CF6600, #7F5700, #463800, #012F14)
• Amber Alley color palette (#FFF0F9, #D37E61, #558EC3, #527AA0, #4D3D47)
• Hazy Marigold Alley color palette (#FFF2EA, #D09A0B, #8B820F, #486632, #235657)
• Weathered Villa color palette (#FFF0FB, #C5EFF7, #B7DFBB, #9A86A6, #5F4B51)

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