Tempered Bronze color palette — #E6F7EC · #AA9D63 · #5B9D7F · #A66458 · #142D1F
A conversation between Mocha and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
- Moss (#AA9D63): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5B9D7F): A luminous, balanced teal — the color of glacier melt.
- Mocha (#A66458): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#142D1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered 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
- Softworn Driftwood Basin color palette (#FFECF3, #C49062, #7F9761, #A55F7A, #371E29)
- Pale Thicket color palette (#DDF8F6, #5D9E70, #008EAA, #866500, #002423)
- Patina Chestnut Harbor color palette (#E8F6EC, #A8C3B3, #908259, #6A542C, #1A3227)
- Dusty Teal color palette (#FBF5E0, #B4B767, #20BEA3, #C47F60, #44423B)
- Hazy Moss color palette (#C2F1E0, #798E00, #00877D, #954900, #151B00)
- Patina Meadow color palette (#FEF4DF, #AC9747, #7087C7, #746EA6, #45423B)
- Petrol Villa color palette (#CCF8EF, #008475, #0068AB, #515800, #00120F)
- Airy Hollow color palette (#D8F1E9, #5C7600, #006D68, #733B00, #080D00)
Browse the whole catalog at Explore, or see today's palette.