Tempered Amber Drift color palette — #FFF1F6 · #D57600 · #533400 · #260A18 · #040102

A conversation between Mustard and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D57600): A luminous, balanced gold — the color of honey in a jar.
• Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#260A18): A deep, shadowed, dusty rose — the color of a warm blush.
• Black (#040102): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Ridge color palette (#E9FBE9, #C08400, #4A3A00, #031B06, #050002)
• Washed Villa color palette (#FFF0FC, #FA4841, #64250B, #230A20, #030103)
• Patina Delta color palette (#EFDBE4, #EF7F06, #746639, #503A44, #170E16)
• Charred Alley color palette (#FADCE5, #A36700, #312200, #120D04, #0C0004)
• Muted Olive Dune color palette (#E5F6C8, #6B8C00, #0F3500, #171B21, #050900)
• Smoked Chestnut Atelier color palette (#DDECE1, #745D00, #262932, #151300, #000201)
• Hushed Mint Lagoon color palette (#E7FAF6, #8CC070, #3D5B59, #1E2F2C, #0A110F)
• Softworn Lime Cabin color palette (#D9FFF1, #A5BC00, #00B6A7, #CD6400, #00291E)

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