Amber Workshop color palette — #FFF1F6 · #C27200 · #267447 · #0C4C77 · #4D2946

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C27200): A luminous, balanced gold — the color of honey in a jar.
• Pine (#267447): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#0C4C77): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#4D2946): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Tempered Bronze color palette (#EBF9F0, #A08700, #00736A, #394279, #532934)
• Washed Canyon color palette (#FEF1FA, #D55E49, #5E6B1A, #005259, #373159)
• Quiet Navy Thicket color palette (#FFECF5, #BE7B54, #00746E, #303A78, #25133C)
• Worn Coral color palette (#FFF2EB, #E38971, #4B9169, #505698, #432B59)
• Navy Archive color palette (#D3F1D9, #8A6800, #00594B, #111392, #480023)
• Gentle Grove color palette (#FFE4B5, #C1A222, #7F7D00, #545C10, #255249)
• Hushed Thicket color palette (#E8FAF0, #A6B87D, #5A7F52, #675262, #2C4940)
• Soft Loft color palette (#C9EAE1, #4D7700, #004E63, #46095A, #371300)

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