Tempered Amber color palette — #DEF3F9 · #B88A00 · #00504F · #00201F · #000304

Mustard and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#DEF3F9): A whisper-light, dusty blue — the color of open sky before noon.
• Mustard (#B88A00): A luminous, balanced gold — the color of old brass.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00201F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000304): quiet, heavy and certain.

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

Use it as a design system

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

• Timeworn Amber Quarry color palette (#CAE6E2, #B68B1C, #005512, #002204, #000303)
• Marigold Market color palette (#C9EAFF, #D6A20A, #006481, #003344, #00121A)
• Ancient Bronze color palette (#DCEDFE, #936E00, #002D50, #201A25, #000611)
• Softworn Denim Harbor color palette (#E8EEFF, #CDB176, #5A5C99, #2F305B, #101525)
• Plum Hollow color palette (#D7EFFA, #B7566F, #454037, #002D34, #000C0F)
• Blush Veranda color palette (#D6E6DC, #F97589, #00748A, #00404E, #000401)
• Petrol Garden color palette (#EBF8FC, #D9C18F, #11818A, #0A4C51, #0F252C)
• Airy Cabin color palette (#E2F3FA, #00A5B5, #334ED1, #005E68, #010019)

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