Amber Field color palette — #FAF4ED · #DADCCB · #BBC4AB · #B7761E · #5B3600
Built around Mustard, softened by Cocoa — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Bone (#DADCCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#BBC4AB): A luminous, dusty green — the color of fresh herbs.
- Mustard (#B7761E): A luminous, balanced gold — the color of afternoon light on wheat.
- Cocoa (#5B3600): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Aged Driftwood color palette (#FFF2ED, #E4D9C6, #C7C0A5, #BC6C6C, #4E3B34)
- Driftwood Bloom color palette (#F8F6E7, #CFE1CC, #AEC8B4, #838D49, #424034)
- Dusty Delta color palette (#FCF2F5, #D2E4E2, #AECED2, #E78B00, #4C3A40)
- Tempered Bronze color palette (#F1E3C6, #9D8500, #3F4B15, #2E2512, #181006)
- Wandering Fern color palette (#F1EFE1, #B4B7A1, #8D9C77, #485B00, #161405)
- Powdered Mint color palette (#FBF6D9, #85D174, #009F63, #8D5B3F, #3A3B34)
- Misty Loft color palette (#FFF4DE, #DF9700, #7B8600, #005F98, #423304)
- Chalky Mustard Boulevard color palette (#FFF4E0, #FFCBAA, #EAB500, #6BAB38, #3C3800)
Browse the whole catalog at Explore, or see today's palette.