Amber Field color palette — #FBEDF4 · #BF865F · #8E7A4E · #476937 · #2D1D25

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

The five colors

• Blush (#FBEDF4): bright and airy, almost weightless.
• Caramel (#BF865F): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8E7A4E): A full-bodied, dusty gold — the color of honey in a jar.
• Olive (#476937): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2D1D25): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Dusty Grove color palette (#F3F0FD, #AC86AA, #9C7E43, #006D66, #241F31)
• Worn Chestnut Quarry color palette (#FAEEF6, #B87667, #905536, #005C60, #201524)
• Hazy Hollow color palette (#E4F7EB, #998628, #6C7E2B, #005882, #042012)
• Hushed Chestnut Harbor color palette (#F1F0FF, #CCB9DE, #B6776A, #7D4800, #392F00)
• Pewter Terrace color palette (#F2F1F8, #C3BDE6, #8D8448, #8C5B9A, #081A11)
• Antique Chapel color palette (#E5F7ED, #BF9FC2, #A06856, #1D5683, #32273A)
• Wandering Pine color palette (#F2E4F2, #B3515C, #1E782F, #004383, #240207)
• Aubergine Boulevard color palette (#F9EADE, #9A5900, #006965, #460095, #140700)

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