Tempered Drift color palette — #FFF2E9 · #DCAF91 · #B27742 · #885500 · #504B45

Ochre and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sand (#DCAF91): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B27742): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#885500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#504B45): a grounded near-black with real depth.

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

• Tempered Bronze color palette (#FFE6DB, #E19D7F, #B16D2D, #785514, #36332D)
• Softworn Bronze Orchard color palette (#FEF3E8, #C9AA86, #64A990, #9D640D, #235847)
• Chestnut Summit color palette (#FFF3E2, #E1C8A1, #9E8347, #684C00, #4B3706)
• Washed Terracotta Balcony color palette (#FFF2EF, #DAA1AB, #BC737A, #954948, #524A46)
• Dusty Olive color palette (#FFF4DC, #B5B280, #8C9145, #606F13, #515149)
• Amber Canyon color palette (#F5E1CD, #CC8D00, #906B00, #5C4900, #293D10)
• Worn Plum Parlor color palette (#FFF3E8, #BC8C64, #7C935A, #AC557A, #47413C)
• Feathered Grove color palette (#F1F0DA, #828000, #4D5700, #273300, #002012)

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