Amber Field color palette — #F5DED6 · #BE6C00 · #785600 · #3D3300 · #151900
Built around Ochre, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F5DED6): A whisper-light, dusty orange — the color of sun-warmed clay.
- Ochre (#BE6C00): A luminous, balanced gold — the color of old brass.
- Coffee (#785600): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#3D3300): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#151900): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Dusty Coast color palette (#EFE3D0, #937E00, #605F00, #1F3A00, #002008)
- Hushed Marigold color palette (#FFE1C4, #E49500, #A47600, #654D00, #211B00)
- Airy Ember color palette (#FFE4E7, #D7574D, #8F3C00, #482B00, #1A1200)
- Moss Lagoon color palette (#ECE9C9, #9A9622, #605500, #2B2400, #070600)
- Olive Terrace color palette (#FADDAD, #BCA556, #808316, #39570B, #103A1B)
- Hushed Lapis Market color palette (#CFECD5, #A07800, #4E5BD0, #5A4200, #0A0043)
- Hazy Chestnut color palette (#DFF8E4, #B7C994, #55BB9C, #864300, #002519)
- Peony Courtyard color palette (#E1EBFC, #FF5BBE, #817600, #00170C, #000301)
Browse the whole catalog at Explore, or see today's palette.