Amber Workshop color palette — #FFF3E8 · #C96D11 · #0386B3 · #326D9F · #3D3732

Pumpkin and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Pumpkin (#C96D11): A luminous, balanced gold — the color of old brass.
• Cerulean (#0386B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Slate (#326D9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3D3732): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Timeworn Amber Corridor color palette (#FFF4E1, #A98200, #567ABC, #616397, #3B3731)
• Chalky Atelier color palette (#FFF2ED, #DC5654, #008C90, #08758A, #3E3633)
• Tempered Apricot color palette (#FFF1F7, #D49464, #639FCD, #6F7BB3, #482F3B)
• Dusty Villa color palette (#ECE2D3, #966700, #0065B4, #343BBD, #322000)
• Patina Indigo color palette (#F0EFBC, #8A8300, #6254ED, #7A4792, #353200)
• Weathered Taupe Hollow color palette (#FFF2EA, #C79F70, #94664D, #6F4442, #403D36)
• Cocoa Lantern color palette (#FFF2E9, #DFE6BB, #ADCE9B, #976F62, #724500)
• Aubergine Lantern color palette (#E7F2D6, #6C8A22, #5C2D99, #700756, #242000)

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