Tempered Bronze Workshop color palette — #F3F5FD · #8374AF · #836900 · #12546B · #313445

Ochre and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F5FD): a clean, paper-quiet neutral.
• Slate Blue (#8374AF): A full-bodied, balanced violet — the color of wild irises.
• Ochre (#836900): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#12546B): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#313445): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Weathered Bronze color palette (#FAF2FD, #B66F86, #776700, #174E77, #37303B)
• Worn Terracotta color palette (#F3F4FE, #8B76B8, #9C4E42, #04604A, #313342)
• Wandering Driftwood Thicket color palette (#FCEEF0, #AC73AA, #7C7427, #415635, #231723)
• Wisteria Delta color palette (#F5F3FF, #CC85CD, #938538, #3A727A, #293240)
• Patina Driftwood color palette (#F6F4FA, #E1D8DB, #B2ABA2, #857C9D, #535158)
• Dusty Rust color palette (#E7FAF6, #B799D2, #AE5B57, #19656D, #4B4455)
• Tempered Driftwood Studio color palette (#F6EFF9, #B06177, #4B3540, #2D252F, #181318)
• Pale Amethyst color palette (#F3F4FF, #7B35E0, #006462, #004051, #03293A)

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