Amber Market color palette — #F9EDE2 · #BD8800 · #8A6B00 · #4F4800 · #143B18

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EDE2): bright and airy, almost weightless.
• Mustard (#BD8800): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8A6B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4F4800): A deep, shadowed, balanced green — the color of fresh herbs.
• Forest (#143B18): 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 Market 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

• Soft Amber Delta color palette (#F2DBCF, #E57E00, #966300, #604800, #403905)
• Softworn Chestnut color palette (#D9EEE1, #999C5A, #756203, #593E0E, #19372F)
• Tempered Bronze color palette (#F9E5C6, #977500, #5E5300, #2D3400, #002212)
• Tempered Moss color palette (#F0EAC7, #9E9C00, #647D00, #31560B, #00423A)
• Sunlit Moss color palette (#F8FAC1, #A2AE3A, #656600, #363500, #1F2000)
• Aged Alley color palette (#CAEFDC, #857D00, #007898, #89386B, #103324)
• Indigo Market color palette (#E0F5E8, #B39D24, #5D5DB9, #655600, #2E2F5D)
• Washed Celadon Boulevard color palette (#E0FDEF, #BFE4A0, #87C7A6, #826530, #224439)

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