Tempered Amber color palette — #EDE7D0 · #C87800 · #0094BA · #002936 · #000201
A conversation between Mustard and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EDE7D0): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#C87800): A luminous, balanced gold — the color of old brass.
- Cerulean (#0094BA): A luminous, balanced blue — the color of deep harbor water.
- Midnight (#002936): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant, 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
- Hushed Alley color palette (#F4E7D8, #EB5600, #009B8E, #002C27, #000300)
- Antique Moss color palette (#EFE3C9, #83941E, #0072A5, #002C44, #000201)
- Amber Boulevard color palette (#F9E9FB, #DB7738, #005A9F, #00294E, #000206)
- Feathered Mustard color palette (#F9E6CB, #BCB900, #009CD6, #005374, #001F15)
- Muted Sapphire color palette (#E4DBE2, #BBACAA, #B8927D, #4867D3, #1D0E1A)
- Peony Coast color palette (#ECEAC9, #F50587, #0088BB, #00131E, #000205)
- Washed Grove color palette (#EFF1D8, #4EA048, #4A54DE, #161B4C, #050004)
- Weathered Crimson Balcony color palette (#E3E9DB, #CD003D, #007357, #030E0F, #000202)
Browse the whole catalog at Explore, or see today's palette.