Tempered Amber color palette — #FBE6ED · #D0893E · #426C5B · #50323E · #140912
Mustard and Pine set the tone — five colors that lean into optimism and sophistication.
The five colors
- Blush (#FBE6ED): A whisper-light, dusty rose — the color of strawberry cream.
- Mustard (#D0893E): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#426C5B): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#50323E): A deep, shadowed, dusty rose — the color of strawberry cream.
- Ink (#140912): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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
- Weathered Amber color palette (#DEECE0, #C59100, #446A61, #2C4330, #130A0F)
- Softworn Coral Orchard color palette (#E6DBE6, #E2747D, #7A5563, #493449, #0F0B15)
- Bronze Garden color palette (#FDEAD7, #B46E00, #4B3F16, #301D05, #140B05)
- Tempered Stone Boulevard color palette (#E9F5F1, #B0BF80, #658283, #425B52, #1D241E)
- Patina Bronze color palette (#D7E9DE, #7C6A00, #0F3D14, #2C2411, #0A0700)
- Emerald Drift color palette (#D5F6F4, #00A757, #205E61, #073736, #000604)
- Clover Study color palette (#CEF7F1, #40BF2A, #1E7670, #2D4A29, #04160D)
- Teal Coast color palette (#EEF8F0, #A6D6C7, #71B18A, #9178A1, #1A3D33)
Browse the whole catalog at Explore, or see today's palette.