Amber Field color palette — #F7DCE2 · #FF9077 · #CB7100 · #7E6300 · #242A00

A conversation between Mustard and Salmon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7DCE2): A whisper-light, dusty red — the color of embers at dusk.
• Salmon (#FF9077): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#CB7100): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#7E6300): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#242A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Amber Studio color palette (#FFD3D5, #FCA57D, #D18E2C, #8F7600, #283A00)
• Worn Amber color palette (#FFE3DB, #E9A04D, #B28800, #596D00, #002E10)
• Amber Bloom color palette (#F7E5DE, #DF8641, #A56000, #654300, #332500)
• Worn Coral Lantern color palette (#F1DAEE, #F28DA8, #DF6960, #955000, #352300)
• Coral Study color palette (#C9E7D1, #F98182, #BA8516, #1C5DAB, #401402)
• Antique Amber Courtyard color palette (#FAEBF1, #CE6F00, #5F5329, #412633, #090207)
• Feathered Villa color palette (#FCE8DD, #BB8300, #7A7000, #305700, #000E06)
• Pale Moss color palette (#FFEAE2, #F5C596, #C1AF5E, #829134, #034C0D)

Browse the whole catalog at Explore, or see today's palette.