Worn Bronze color palette — #F8F0EB · #DADACC · #B8C1B2 · #9F653A · #322A25

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

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Bone (#DADACC): a clean, paper-quiet neutral.
• Stone (#B8C1B2): A luminous, dusty green — the color of fresh herbs.
• Ochre (#9F653A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322A25): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Pier color palette (#F3F2E8, #CADCD0, #ADBCAE, #5C6B3D, #222115)
• Antique Cocoa Harbor color palette (#FAF4EE, #DBDAD2, #BFBFB2, #996741, #6A3A00)
• Bronze Field color palette (#EBE0CF, #976C00, #32312A, #1D1406, #0B0503)
• Tempered Olive Meadow color palette (#FFE8DF, #C2B085, #788844, #6B505C, #412D36)
• Aged Courtyard color palette (#FBF2F6, #CCDADC, #99A1AE, #B9805F, #4E4549)
• Driftwood Alley color palette (#F7EEE7, #AB9E84, #827F37, #552900, #090300)
• Hushed Fern color palette (#EBECDE, #ABB8A1, #7A9582, #2A4F07, #0C0C00)
• Linen Tangerine color palette (#FEF0DB, #E77852, #697132, #334472, #2E1F0F)

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