Tempered Field color palette — #F5ECE0 · #4C5B5D · #674600 · #131812 · #030700

Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F5ECE0): a clean, paper-quiet neutral.
• Charcoal Brown (#4C5B5D): quiet, heavy and certain.
• Bronze (#674600): A full-bodied, balanced gold — the color of old brass.
• Ink (#131812): a grounded near-black with real depth.
• Ink (#030700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Softworn Garnet color palette (#FADDCF, #50585E, #920F00, #1D190C, #0A0400)
• Patina Teal color palette (#F0F9E7, #59B290, #334D3D, #1A210F, #060601)
• Washed Olive Studio color palette (#E7E8C9, #4B8900, #4F4C54, #002C26, #010500)
• Hushed Atelier color palette (#FCE6D3, #A98200, #534E00, #152900, #000401)
• Washed Fern Orchard color palette (#FBF5E6, #BAB073, #515B10, #312A19, #140E09)
• Ancient Studio color palette (#FBF7D8, #82A000, #004735, #191600, #030100)
• Lowlit Forest color palette (#E0E5D6, #007341, #2D373A, #001618, #010100)
• Bronze Dune color palette (#D0E9D3, #8A6200, #373400, #292110, #0C0600)

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