Tempered Atelier color palette — #FFEEE8 · #F2B9B9 · #AC6E70 · #733F3F · #361011

Mocha and Coffee set the tone — five colors that lean into warmth and comfort.

The five colors

• Cream (#FFEEE8): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#F2B9B9): A whisper-light, dusty red — the color of late-summer berries.
• Mocha (#AC6E70): A luminous, dusty red — the color of late-summer berries.
• Coffee (#733F3F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#361011): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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

• Softworn Lantern color palette (#FFF2EE, #EFC4B5, #B16C6B, #80363B, #542B2D)
• Patina Boulevard color palette (#FFEFDD, #E8C9A3, #A7814E, #634112, #2C1800)
• Patina Pewter Lantern color palette (#FFF0FE, #E8DDD7, #DD9D9B, #945857, #47201F)
• Basalt Drift color palette (#FBEFE8, #D3C19C, #825440, #4E2400, #1A120C)
• Amber Terrace color palette (#F5DBCC, #D57F44, #874000, #421F00, #0D0300)
• Bronze Summit color palette (#F7F0EB, #ECB696, #549179, #A05F35, #12180B)
• Bronze Thicket color palette (#F9ECD8, #A66E00, #653F00, #281A00, #020100)
• Wandering Amber color palette (#FCEFE7, #C3826D, #5D87AF, #525B87, #301E13)

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