Amber Field color palette — #F3EADE · #B57B00 · #005C51 · #583A00 · #041200
A conversation between Mustard and Cocoa, giving this palette its sense of optimism and balance.
The five colors
- Cream (#F3EADE): a clean, paper-quiet neutral.
- Mustard (#B57B00): A luminous, balanced gold — the color of honey in a jar.
- Pine (#005C51): A full-bodied, dusty teal — the color of sea glass.
- Cocoa (#583A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#041200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Balance. Tagged duotone, muted.
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
- Ember Field color palette (#F7E8DF, #CD6644, #005B5D, #732100, #001202)
- Amber Summit color palette (#DAE9DF, #A78B00, #00663B, #544500, #000303)
- Amber Grove color palette (#FAF4EB, #BB9241, #00668D, #674A00, #021E15)
- Wandering Bronze Cabin color palette (#EEE6D5, #8A7600, #004463, #3B3100, #000503)
- Ancient Nightshade color palette (#EDECE0, #819233, #2A3CB3, #3D4700, #190516)
- Tempered Coast color palette (#FAD4C8, #907300, #005B43, #5B004B, #212800)
- Fern Cabin color palette (#FBE1CA, #8F8D35, #2E6D00, #003E34, #002A30)
- Soft Lantern color palette (#F0EBDF, #C2A200, #00856C, #766200, #061100)
Browse the whole catalog at Explore, or see today's palette.