Amber Field color palette — #F8DEE5 · #D97342 · #724D00 · #3A3A00 · #002912

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

The five colors

• Rose Water (#F8DEE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Coral Clay (#D97342): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#724D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3A3A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#002912): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Amber color palette (#FFDCDD, #D58759, #846000, #394B00, #003723)
• Muted Blush color palette (#F4DFED, #D96683, #893D00, #4D3100, #1E2800)
• Muted Bronze Studio color palette (#EFD8D4, #B86400, #594900, #162D00, #001B13)
• Amber Balcony color palette (#FFE3D5, #A78700, #4A5F00, #003F28, #002A2A)
• Muted Studio color palette (#C9E7CD, #C14B42, #554E00, #1B2776, #3A1A00)
• Softworn Olive color palette (#FFEAF0, #F48097, #C38000, #298200, #2D2100)
• Forest Boulevard color palette (#FFF2EF, #C79F6E, #7D7820, #106331, #004B44)
• Washed Cocoa color palette (#F6EBF1, #C4D0C5, #8CA89D, #804027, #372932)

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