Tempered Amber Field color palette — #FAF4EE · #F8C694 · #A2A056 · #B77F41 · #312E23

Caramel and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Cantaloupe (#F8C694): A whisper-light, balanced gold — the color of honey in a jar.
• Moss (#A2A056): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#B77F41): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#312E23): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Patina Jade color palette (#F7F5EF, #CED89C, #65AE80, #89934B, #2D2F28)
• Muted Amber color palette (#FCF3F0, #FFBEBD, #D28750, #BD7576, #322D28)
• Weathered Veranda color palette (#FFF4E1, #D7CD98, #A3A65B, #6D7C3E, #354E1D)
• Hushed Coast color palette (#FBF2F6, #FCCFE4, #AFC083, #D59D77, #22322D)
• Muted Coral Market color palette (#FBF3F0, #E3D9D1, #6DC0B4, #D18176, #192117)
• Tempered Market color palette (#FBF3EE, #EEAF98, #468E68, #945D49, #2D2F28)
• Aged Thicket color palette (#F9F4EF, #D9DBD3, #AAB7AC, #AE9878, #575249)
• Powdered Moss color palette (#FCF4E5, #DBB735, #3D9F00, #8F7500, #1E1F05)

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