Amber Field color palette — #FFF1F1 · #FFA27B · #BF7200 · #755B00 · #2D3201

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Melon (#FFA27B): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BF7200): A luminous, balanced gold — the color of old brass.
• Olive (#755B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2D3201): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Marigold Loft color palette (#FFF2EB, #F5AF56, #958900, #586D00, #08361C)
• Patina Harbor color palette (#FFEDF7, #FFABB5, #E85100, #854700, #3A2B00)
• Timeworn Apricot Market color palette (#FFE6DC, #FF9A4A, #D58700, #9B6E04, #4A3D04)
• Worn Hollow color palette (#FFF3E5, #D2C993, #B57C2E, #804635, #24220B)
• Muted Amber Chapel color palette (#FFE5E2, #D67400, #785600, #403800, #0B1200)
• Linen Marigold Drift color palette (#FFF2EE, #FFC58B, #C19E00, #727E2A, #3F4038)
• Antique Bronze Bloom color palette (#FFEBE0, #AA7400, #605A00, #203000, #000200)
• Dusty Azure Alley color palette (#FFF4E0, #F1C956, #07A2EA, #917200, #002B43)

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