Tempered Atelier color palette — #FFF4E2 · #F3B913 · #705300 · #291C00 · #020100

Saffron and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#F3B913): A luminous, vivid gold — the color of afternoon light on wheat.
• Coffee (#705300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#291C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered 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

• Antique Honey Dune color palette (#F7F7E0, #F3B913, #396600, #112400, #010100)
• Honey Meadow color palette (#FFF2EB, #F3B913, #9B2B00, #3B0B00, #030100)
• Mustard Balcony color palette (#F1E2CB, #EDB523, #A07800, #634900, #160E00)
• Hushed Olive color palette (#F9F6E5, #FCD37A, #657306, #2B3300, #0A0700)
• Soft Mustard color palette (#FFF4DB, #DFC300, #009378, #7B6B00, #000201)
• Ancient Meadow color palette (#EBF2D6, #CB9900, #00491F, #1D282B, #000B02)
• Gentle Chartreuse color palette (#F2FF98, #96DB25, #00993F, #005640, #001A17)
• Grape Lantern color palette (#FFF5D6, #C09E25, #0077AB, #6616C1, #110C00)

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