Amber Field color palette — #FFE1CF · #BE8A5A · #8C523C · #643337 · #34302A

Caramel and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFE1CF): A whisper-light, dusty gold — the color of old brass.
• Caramel (#BE8A5A): A luminous, balanced gold — the color of old brass.
• Coffee (#8C523C): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#643337): A deep, shadowed, dusty red — the color of embers at dusk.
• Espresso (#34302A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, 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

• Timeworn Taupe color palette (#F3E6D1, #999C54, #78601D, #5D3B1B, #31312A)
• Weathered Driftwood Ridge color palette (#FBDEF0, #CCA67E, #A9705C, #7F4754, #173826)
• Weathered Canyon color palette (#F8E3D3, #9C6A17, #6E3200, #4B0F0E, #1C1600)
• Bronze Alley color palette (#FBF4E6, #B4BE8F, #9A7C36, #7F5314, #4A4C00)
• Aged Studio color palette (#D9F7EA, #007AA6, #914C02, #693500, #082E22)
• Coral Alley color palette (#E1F3ED, #DB7E67, #00476D, #00243A, #081A15)
• Eclipse Fern Field color palette (#EFE7CE, #446500, #2F2D00, #190F00, #000501)
• Fuchsia Field color palette (#EFF3DF, #FF7EDA, #00BAAD, #14352B, #161D15)

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