Tempered Drift color palette — #F5D5ED · #D11D00 · #674400 · #263100 · #1E001E

Crimson takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F5D5ED): A whisper-light, dusty pink — the color of peonies in June.
• Crimson (#D11D00): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#674400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#263100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#1E001E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Airy Parlor color palette (#EFD6F9, #CE006A, #7B3400, #362B00, #17002B)
• Quiet Bronze color palette (#FFD7BE, #AD5600, #554E00, #003619, #23000B)
• Muted Plum color palette (#FFE0D8, #CC004C, #5B4A00, #003C32, #002054)
• Powdered Ember color palette (#FFE7DE, #D05C00, #984C00, #5C3000, #2A1600)
• Brick Courtyard color palette (#FCEAE7, #AD0510, #390E00, #180000, #030003)
• Misty Corridor color palette (#FFEAFE, #FF96B2, #FF5C6A, #B74600, #2E0100)
• Feathered Bloom color palette (#FAD6CD, #D08453, #8F5800, #2F4C1E, #002D15)
• Worn Thicket color palette (#FAEEF6, #DE7D68, #886D37, #3C542C, #2D2138)

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