Amber Workshop color palette — #FADBE8 · #DB771B · #7A9600 · #B54D84 · #3D212F

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

The five colors

• Shell Pink (#FADBE8): A whisper-light, dusty rose — the color of pressed rose petals.
• Tangerine (#DB771B): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#7A9600): A luminous, balanced green — the color of fresh herbs.
• Fuchsia (#B54D84): A full-bodied, balanced rose — the color of a warm blush.
• Espresso (#3D212F): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Amber Workshop 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

• Wandering Ridge color palette (#F8DAF0, #DA7461, #9F8900, #9B5C9E, #3C2036)
• Wandering Harbor color palette (#D3EDD1, #CB8400, #549F34, #BD496A, #1B321A)
• Worn Rust Cabin color palette (#C7EFDD, #9C9B1B, #00A085, #B9572A, #073425)
• Washed Bronze color palette (#F7E0ED, #CFA38A, #B36B4B, #804A3D, #402832)
• Mustard Courtyard color palette (#FFF1F6, #E7E5BE, #D8BE5E, #B57753, #324130)
• Airy Quarry color palette (#FFDDC4, #F0945A, #3FBD9C, #9884E3, #402308)
• Weathered Mustard color palette (#E7FBF2, #B2B864, #4FBAA5, #BF8164, #34473F)
• Airy Mulberry color palette (#F0DCBC, #986B00, #007F22, #A50039, #1A0F00)

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