Amber Field color palette — #FFF1F3 · #FFAFA5 · #D47105 · #7D5E00 · #343000

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Rose Quartz (#FFAFA5): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#D47105): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7D5E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#343000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Muted Amber Veranda color palette (#FFF2EE, #FFBA63, #BC8C00, #616100, #1F3611)
• Sunlit Ember color palette (#FFF0FB, #FF99B6, #DA5D54, #85401E, #402A00)
• Amber Veranda color palette (#FDE5DD, #F6A073, #DD8034, #B16609, #5A3600)
• Soft Ember color palette (#F9E6E5, #F25609, #864F00, #423300, #0A0F00)
• Hushed Ridge color palette (#FFF2F0, #FFCEAE, #C8993C, #7A7130, #164D44)
• Tempered Amber Lantern color palette (#FFF1F7, #E1C386, #B67A4E, #774A49, #0D271E)
• Amber Pier color palette (#FFF4E0, #FFCE96, #BD7C00, #603C00, #110A00)
• Azure Dune color palette (#FFF1F5, #FFBF7A, #00A4E5, #A66500, #002C41)

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