Amber Workshop color palette — #FAF4EA · #D7E2CF · #A1BCD2 · #AF8E00 · #38352E

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

The five colors

• Ivory (#FAF4EA): bright and airy, almost weightless.
• Celadon Mist (#D7E2CF): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#A1BCD2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mustard (#AF8E00): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#38352E): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Taupe Loft color palette (#F5F6EF, #D3DFD8, #9DB2C0, #8DA77F, #404035)
• Patina Amber Balcony color palette (#FBF3EF, #E0DECD, #98BCC5, #DA703E, #542700)
• Muted Bronze color palette (#F7F5EF, #D7DFD4, #AECFB8, #847806, #241E0D)
• Antique Bronze color palette (#EDF9F1, #C9DEDF, #A2C4BD, #7C690B, #314539)
• Tempered Abyss Alley color palette (#E9EEE7, #ADC0B2, #729C8D, #00473D, #000200)
• Wandering Emerald Boulevard color palette (#F3F7ED, #CDE3DB, #B1D5F6, #00965C, #222715)
• Hushed Teal Delta color palette (#F4F8E3, #9BECD2, #00A6AB, #965840, #243415)
• Weathered Moss color palette (#FAF7D7, #81A000, #00482B, #191600, #030100)

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