Tempered Amber color palette — #F6ECDB · #B78F00 · #006A5F · #5F4900 · #000504
Built around Mustard, softened by Bronze — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F6ECDB): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B78F00): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#006A5F): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#5F4900): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#000504): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged duotone, 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
- Moss Delta color palette (#F1EEDD, #88A200, #00628E, #455300, #000503)
- Softworn Amber color palette (#FCEADA, #DB7700, #276D00, #733C00, #010500)
- Hushed Lagoon color palette (#F8DECD, #7A8900, #00604F, #57004B, #041700)
- Frosted Terrace color palette (#E1F9E7, #D2A400, #008987, #826400, #001615)
- Frosted Moss color palette (#F5EDD1, #81A300, #007231, #003D36, #001315)
- Antique Quarry color palette (#F3EBD2, #706B00, #004C63, #550045, #080700)
- Misty Lantern color palette (#E9FAF3, #C0D000, #009753, #697200, #000201)
- Wandering Studio color palette (#F3F2EA, #D2D6C1, #7EB9A9, #576200, #1E1A05)
Browse the whole catalog at Explore, or see today's palette.