Amber Studio color palette — #FCF4E8 · #C49226 · #008DAE · #5C4C89 · #372520
Built around Mustard, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Mustard (#C49226): A luminous, balanced gold — the color of afternoon light on wheat.
- Cerulean (#008DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#5C4C89): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#372520): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant.
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
- Ancient Moss color palette (#F9F6E6, #A3A533, #297BC0, #774878, #3C2818)
- Softworn Amber Veranda color palette (#FFF3EA, #D4885A, #008B7F, #3C5993, #342120)
- Washed Pier color palette (#F9F5E7, #AAAA52, #00938F, #4D5992, #522839)
- Hushed Amber color palette (#FFF0F9, #D58867, #747ABC, #7D4F81, #1C101F)
- Teal Balcony color palette (#EAFAEF, #CAB262, #1CB5B5, #826FA8, #3C262E)
- Aubergine Alley color palette (#F8EBCA, #8A8000, #006DA0, #70008C, #2B0C00)
- Washed Ridge color palette (#FFF3E6, #A46700, #4E4D9D, #404170, #37262C)
- Hushed Amethyst color palette (#F2F8E8, #00A36B, #754FC5, #912740, #291F04)
Browse the whole catalog at Explore, or see today's palette.