Amber Studio color palette — #FFF1F2 · #FFBCA6 · #D88400 · #866500 · #333500

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFBCA6): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#D88400): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#866500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#333500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Amber Studio 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 Bloom color palette (#FFF2EF, #FFB47F, #AA8300, #646600, #223917)
• Aged Apricot Terrace color palette (#FFE8E1, #FFA26D, #EC8800, #9D6B00, #564000)
• Washed Atelier color palette (#FCEBE4, #CB8900, #746100, #303600, #001303)
• Tempered Amber color palette (#F9E9E1, #E87600, #9E5A00, #633D00, #332100)
• Linen Delta color palette (#FFF3E7, #E6CF7E, #CD7C00, #984032, #222D01)
• Ember Summit color palette (#FFF0F9, #FFAFC0, #FE5530, #934500, #412E00)
• Muted Mustard Market color palette (#FFF3E9, #F9CB80, #B6A700, #52792F, #393C35)
• Bronze Alley color palette (#F9E7D6, #958300, #575B00, #033004, #000201)

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