Bronze Drift color palette — #F9F5E8 · #E5DDBC · #A4A16C · #7A6A2B · #33322B

Walnut and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Celadon Mist (#E5DDBC): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A4A16C): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7A6A2B): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#33322B): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Bronze 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

• Dusty Field color palette (#E1FDEF, #A6AC7C, #79753A, #395A47, #2A433B)
• Airy Atelier color palette (#FFF4E0, #DFD189, #B18D00, #7D5800, #2B2900)
• Bronze Field color palette (#FDF3E9, #E0DEC0, #C6A888, #A26D3A, #553900)
• Worn Bronze Grove color palette (#FFF4DA, #B5B77F, #867700, #564400, #111400)
• Tempered Cabin color palette (#FFDFC6, #C18D61, #91490E, #571C00, #080300)
• Softworn Courtyard color palette (#FFF2EB, #E6BFA2, #B67861, #8C3C2E, #311C06)
• Tempered Terracotta Boulevard color palette (#FAF5E8, #B8AE58, #A75F92, #9A2C31, #221403)
• Gentle Plum color palette (#E5FBF2, #77BCE4, #BA87CC, #A94E7C, #102A22)

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