Bronze Field color palette — #FBF4EE · #DDDCCF · #A1B2AB · #A97541 · #56514D

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

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Bone (#DDDCCF): a clean, paper-quiet neutral.
• Ash (#A1B2AB): A luminous, dusty teal — the color of glacier melt.
• Mocha (#A97541): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#56514D): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Washed Pewter Boulevard color palette (#F6F6ED, #D5DDD4, #B5C4B6, #6B7B4F, #494840)
• Antique Fern Balcony color palette (#E7E4D8, #BCBAA4, #8F9078, #444900, #241F0C)
• Ancient Taupe color palette (#FEF4E3, #CB9F60, #84773C, #306553, #4B4741)
• Aged Sand color palette (#FFF3E5, #E3D9C5, #FEC684, #AFA370, #634200)
• Bronze Studio color palette (#F0E6DC, #A69782, #8B6B25, #3E2400, #100700)
• Tempered Canyon color palette (#F4F7EC, #CDD7BB, #9AAF87, #006E27, #32342D)
• Dusty Bronze color palette (#FAF4ED, #DADBD1, #A4B1AE, #A4793B, #56524D)
• Aged Bronze color palette (#FBF3EE, #DFDBCF, #A4B2A9, #AE714A, #58514D)

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