Amber Field color palette — #FDEBE2 · #C08200 · #6A5C00 · #2B4300 · #002E25
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDEBE2): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mustard (#C08200): A luminous, balanced gold — the color of old brass.
- Olive (#6A5C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#2B4300): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#002E25): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Antique Amber color palette (#F1DCC4, #BD9200, #847000, #565A00, #283900)
- Softworn Ember Field color palette (#FEE8E6, #E1663F, #845500, #483900, #0B3012)
- Weathered Fern color palette (#D9E8E0, #74935A, #5F5700, #4F2F00, #002A2B)
- Quiet Moss Meadow color palette (#DCEEB6, #84A225, #4C5A00, #213100, #171900)
- Wandering Moss Lagoon color palette (#EDE9D2, #7A9A00, #006E31, #004B3B, #003638)
- Washed Olive Grove color palette (#F0E9CA, #607600, #004817, #002A1F, #001413)
- Dusty Grape color palette (#DAF5E5, #7C6B00, #861BB8, #6D1B94, #251F00)
- Pale Alley color palette (#CBE5DE, #638E22, #205EDE, #365300, #0C2558)
Browse the whole catalog at Explore, or see today's palette.