Amber Field color palette — #CFE8CE · #C8AE7C · #B88330 · #8C6034 · #082C17

Mustard takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#CFE8CE): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#C8AE7C): A luminous, dusty gold — the color of honey in a jar.
• Mustard (#B88330): A luminous, balanced gold — the color of old brass.
• Walnut (#8C6034): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#082C17): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Weathered Taupe color palette (#DBEEDF, #D2C186, #B79958, #96733E, #143828)
• Patina Cocoa color palette (#E8F2E7, #AE9E66, #966723, #7B360F, #232700)
• Muted Amber color palette (#EBD9E4, #DCA383, #C67757, #985749, #391B00)
• Quiet Amber color palette (#F3E1EA, #C87A3A, #A55422, #822D0C, #150800)
• Chestnut Thicket color palette (#F8E3CB, #9E824B, #744B00, #492800, #150C00)
• Antique Olive color palette (#D6EFFD, #00A9C9, #998600, #287602, #001514)
• Ash Pier color palette (#EDF9EC, #C8E1CA, #A4BEA1, #AC8695, #3B4D3F)
• Antique Market color palette (#CBE1F8, #49A0F9, #BD72B1, #008867, #041B33)

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