Amber Field color palette — #FFF1F5 · #D88300 · #667300 · #004B38 · #2B0004

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#D88300): A luminous, balanced gold — the color of honey in a jar.
• Olive (#667300): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004B38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#2B0004): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Hushed Dune color palette (#FFF0FA, #FC5F2D, #876500, #254A00, #27001A)
• Softworn Thicket color palette (#DAFFEE, #A0A100, #00804B, #00494E, #220A00)
• Bronze Station color palette (#FFEAD2, #AC6F00, #382800, #000B00, #040001)
• Dusty Mustard color palette (#FFE9C4, #DCAE00, #9F8900, #514C00, #2B2C00)
• Hazy Bronze color palette (#F7DAC3, #AB5800, #115D08, #003142, #1A0026)
• Soft Honey Pier color palette (#FFF4E1, #E1C64E, #95A144, #007464, #003839)
• Soft Market color palette (#DCFFEA, #C9CB45, #738900, #7B4B1F, #202000)
• Muted Amber Atelier color palette (#FFF3E7, #E2DAD0, #FFBE84, #B78B00, #211100)

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