Amber Studio color palette — #F5F4FF · #C198D1 · #A5871E · #1D7270 · #373646

Built around Mustard, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Mauve (#C198D1): A luminous, balanced pink — the color of peonies in June.
• Mustard (#A5871E): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#1D7270): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#373646): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Washed Amber color palette (#F1F5FF, #8F96D4, #C17232, #32785A, #303646)
• Ancient Moss color palette (#FDF1F9, #DA9683, #7F9552, #26708C, #36303C)
• Coral Atelier color palette (#E9FAF3, #DDA9DD, #C77A74, #3F7A7D, #4C4354)
• Chalky Blush color palette (#FAF2FB, #EE7F8B, #008859, #425697, #342735)
• Sunlit Studio color palette (#FBF1FF, #ED518D, #796E00, #006272, #33152C)
• Peony Study color palette (#FFF1F3, #AB61A8, #905238, #285C50, #43323A)
• Weathered Station color palette (#F6F4FA, #E0D7DC, #C3B0AB, #A094BC, #535159)
• Aged Bronze Orchard color palette (#F4F4FF, #F0B8DE, #D2879C, #A15B47, #663700)

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