Amber Field color palette — #FFD8E0 · #FFAB9C · #D6894C · #966C00 · #333500

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

The five colors

• Shell Pink (#FFD8E0): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FFAB9C): A luminous, balanced orange — the color of toasted spice.
• Mustard (#D6894C): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#966C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#333500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Powdered Boulevard color palette (#F3E2F2, #FEA0C2, #DF7E7C, #AD5500, #442F00)
• Feathered Amber color palette (#FFD6C6, #E79F76, #B87331, #7B5000, #3C2A00)
• Powdered Olive Lantern color palette (#FFD4CB, #F2B280, #BE9B3D, #728300, #093A02)
• Quiet Amber color palette (#FAD6CF, #CD7A00, #896900, #445200, #010D00)
• Chalky Blush Meadow color palette (#FEECCD, #FD9A9A, #B8904E, #4477AE, #4A2415)
• Worn Taupe Lagoon color palette (#F2D9D1, #DAC0A4, #A4A779, #937589, #583E50)
• Weathered Garden color palette (#FDF3EF, #DDD9CD, #C1C1AE, #CA8E88, #612608)
• Hushed Emerald Lagoon color palette (#FFF3E8, #EDD5AA, #B7C186, #6C9A66, #00593E)

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