Amber Atelier color palette — #F9F0E7 · #B38109 · #017B92 · #663F52 · #231410

Built around Mustard, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#F9F0E7): bright and airy, almost weightless.
• Mustard (#B38109): A luminous, balanced gold — the color of honey in a jar.
• Teal (#017B92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#663F52): A full-bodied, dusty rose — the color of strawberry cream.
• Ink (#231410): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Amber Atelier 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

• Softworn Moss color palette (#F4F2E5, #77953A, #4667A2, #693F5D, #271B0F)
• Amber Lantern color palette (#FAEFE8, #BD6C41, #287568, #3B4C70, #241717)
• Taupe Archive color palette (#F6F2E6, #A5A050, #1D8181, #484672, #3A1F17)
• Quiet Veranda color palette (#FEF1D2, #7D6E00, #005989, #560369, #1A0700)
• Patina Taupe Orchard color palette (#EDF9EE, #B9985A, #5C9873, #8B5C6B, #3E2B35)
• Weathered Mustard color palette (#FDF4E8, #E5B255, #6E98CF, #826583, #302022)
• Hushed Study color palette (#FFF0D5, #CCBF71, #788A4A, #365E34, #00331C)
• Bronze Coast color palette (#F5F1EA, #D5D9CF, #A4B1AB, #9F7D3A, #393630)

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