Amber Studio color palette — #FFDCD8 · #F4B07E · #C99329 · #797500 · #183B00

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

The five colors

• Shell Pink (#FFDCD8): A whisper-light, dusty orange — the color of toasted spice.
• Cantaloupe (#F4B07E): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#C99329): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#797500): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#183B00): A deep, shadowed, balanced 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 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

• Sunlit Amber color palette (#FFDAE8, #FFA8A9, #DD814B, #9A6800, #353300)
• Bronze Parlor color palette (#FFD9B3, #D1A45C, #A6820D, #635700, #313100)
• Ancient Canyon color palette (#FFDEC6, #E4BF7D, #A1A82C, #0B8F21, #003C29)
• Amber Terrace color palette (#FFE6D5, #BA8900, #6E7A00, #1E5600, #000C07)
• Dusty Amber color palette (#D6E6D7, #C49026, #3F6C5C, #29442D, #130A0F)
• Airy Indigo Terrace color palette (#DFF6E1, #F5A381, #A6993B, #6768C1, #472332)
• Powdered Pine color palette (#F8EED8, #758F22, #00762E, #004439, #000606)
• Worn Amber Grove color palette (#FBF2F6, #D4DEDC, #ADCACA, #D78A5C, #46343E)

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