Amber Field color palette — #FFF1F2 · #FFC8BD · #D78658 · #9C6720 · #524416

Coral Clay takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFC8BD): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#D78658): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#9C6720): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#524416): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, 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 Quarry color palette (#F1E3DB, #EB976B, #AE5700, #6D3B00, #402705)
• Hazy Amber Orchard color palette (#FFDDF4, #FFBC9F, #E3915B, #CC7316, #60411E)
• Amber Station color palette (#FFF2EB, #FEC385, #BF973D, #786E11, #3C4619)
• Bronze Garden color palette (#F6D5F7, #E98E73, #B35600, #7A4E00, #294C35)
• Gentle Studio color palette (#FEF0FF, #FFCDE8, #E58899, #9F4F48, #5A2F1C)
• Hushed Stone Delta color palette (#FFF2E9, #E2DDBF, #CCB374, #868448, #4D4C44)
• Wandering Ember Station color palette (#F1DCD9, #D66100, #7F4900, #362500, #020200)
• Aqua Veranda color palette (#FFF3E7, #FFC892, #5EC9F6, #B67B3C, #003E54)

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