Tempered Amber Field color palette — #D3E7D4 · #CA8E00 · #3E6C60 · #324133 · #120B0F
Mustard and Pine set the tone — five colors that lean into optimism and sophistication.
The five colors
- Celadon Mist (#D3E7D4): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#CA8E00): A luminous, balanced gold — the color of old brass.
- Pine (#3E6C60): A full-bodied, dusty teal — the color of sea glass.
- Forest (#324133): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#120B0F): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered 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 Mustard Hollow color palette (#D4EBDE, #C0AC00, #547874, #404D46, #1D1619)
- Antique Tangerine Grove color palette (#F4DEEA, #F66A00, #466B54, #483640, #100B11)
- Antique Boulevard color palette (#EAF2DD, #80A000, #116852, #163D33, #020A03)
- Tempered Bronze Drift color palette (#EFE0CB, #A67700, #4E3E00, #2B1F0D, #120C07)
- Jade Alley color palette (#E1F4F3, #00BF71, #327278, #214949, #041510)
- Lagoon Veranda color palette (#C6E7E9, #00A47A, #215C69, #163537, #000604)
- Olive Balcony color palette (#E2F3EB, #6D7000, #003D24, #102022, #000A05)
- Airy Mustard Meadow color palette (#F2DFD2, #DFB200, #9DA80E, #608A42, #03432B)
Browse the whole catalog at Explore, or see today's palette.