Amber Field color palette — #D6E7D5 · #D49339 · #B07700 · #006E7E · #3E0026

A conversation between Mustard and Ochre, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#D6E7D5): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#D49339): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#B07700): A luminous, balanced gold — the color of honey in a jar.
• Teal (#006E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#3E0026): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Trust, Stability, 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

• Feathered Pier color palette (#E0DFF2, #C286DB, #B97100, #00716C, #320046)
• Patina Bloom color palette (#F7EDFE, #E993B9, #8F9C3E, #0076B5, #4A1430)
• Aged Hollow color palette (#EBE3F5, #DBA9A0, #B6966B, #317AA4, #382F5D)
• Pine Terrace color palette (#E8E1D1, #9D8500, #137822, #004D4C, #002238)
• Wandering Amber color palette (#FFF1F6, #D07A00, #606B00, #004332, #210002)
• Dusty Parlor color palette (#F2D9E8, #F07D50, #009C6F, #6048BF, #3F0021)
• Muted Ember Canyon color palette (#F1DBE7, #DD6100, #655023, #442337, #080208)
• Dusty Aubergine color palette (#F8DCE6, #A65D00, #006460, #570069, #050100)

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