Amber Field color palette — #FFF3E5 · #D2902B · #5B89D3 · #895B0C · #533752
A conversation between Mustard and Azure, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#D2902B): A luminous, balanced gold — the color of old brass.
- Azure (#5B89D3): A luminous, balanced blue — the color of deep harbor water.
- Ochre (#895B0C): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Charcoal (#533752): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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
- Washed Amber color palette (#FFF3E7, #D28F45, #3B95BA, #905603, #18485C)
- Feathered Moss color palette (#FBF5E4, #AEA324, #8C7DC4, #6F6819, #593548)
- Tempered Amber color palette (#FFF3E5, #BA7800, #6973C0, #5D6595, #3C3731)
- Chalky Lagoon Field color palette (#E8F6EA, #C29E53, #29A28F, #805E00, #002F28)
- Hushed Grove color palette (#FFF3E6, #B5A865, #8B6C48, #7A401B, #443F00)
- Washed Terrace color palette (#FFF3E3, #D6B175, #3EBCA3, #A77600, #004E42)
- Weathered Amethyst color palette (#F3E5B2, #9E8200, #6643FB, #5E4D00, #282163)
- Wandering Byzantium Harbor color palette (#FBF7D1, #8AB425, #9943B4, #4C6700, #51245F)
Browse the whole catalog at Explore, or see today's palette.