Tempered Drift color palette — #FFF2F0 · #E6D0CC · #9EBAA6 · #E69A7F · #5D3F37

Camel and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E6D0CC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#9EBAA6): A luminous, dusty teal — the color of shallow lagoons.
• Camel (#E69A7F): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#5D3F37): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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 Olive color palette (#FFF1F1, #E1CBC3, #C09F84, #6F8949, #405043)
• Worn Corridor color palette (#FFF1F2, #E8D8E4, #FFB8E6, #E9A49F, #5F4240)
• Antique Honey color palette (#FFF3E7, #FFD6CF, #FFB36C, #B7A646, #45403A)
• Patina Workshop color palette (#FFF2EB, #EEB5A4, #5EC1D8, #C4745D, #3A5444)
• Patina Fern Market color palette (#F9F5EA, #D9D2AF, #8AA57B, #94737B, #5A4D00)
• Amber Lagoon color palette (#FFF2ED, #FFCAEE, #FF9FA4, #E88400, #5E2116)
• Wandering Blush Thicket color palette (#FDEEEB, #D57C96, #834528, #413432, #262020)
• Faded Bloom color palette (#FFF3E2, #FFB17E, #E09D00, #7AA100, #322A00)

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