Bronze Field color palette — #FBF2F6 · #CFE3DE · #A5C5B2 · #9E5400 · #4B3A41

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

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#CFE3DE): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A5C5B2): A luminous, dusty teal — the color of sea glass.
• Ochre (#9E5400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#4B3A41): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Bronze Hollow color palette (#F7EFF3, #CCDFDB, #A4C8BE, #A74E00, #2D2127)
• Weathered Bronze color palette (#F0F7F3, #D2DDDE, #AFC4CA, #7D763B, #3E4B44)
• Muted Chestnut color palette (#F4ECEE, #C2D0C6, #8BA89B, #774900, #3A282E)
• Amber Meadow color palette (#FAF4EF, #DADCCD, #B5CCA7, #BE6F44, #623100)
• Ancient Brick color palette (#FAF3F8, #E4D5D6, #D2B2BD, #C02327, #4A3A47)
• Basalt Atelier color palette (#DCE3DE, #B0BCB6, #79958E, #544200, #112418)
• Hushed Pine color palette (#E3FCF0, #90AF70, #2E7B3F, #7D3B23, #2C430D)
• Twilit Market color palette (#DDF3E1, #836300, #2C2D00, #211600, #0E0400)

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