Tempered Amber color palette — #FEF3E9 · #E9B993 · #85B7E3 · #B37F54 · #2D564C
Caramel and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FEF3E9): a clean, paper-quiet neutral.
- Sand (#E9B993): A luminous, dusty gold — the color of old brass.
- Sky (#85B7E3): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#B37F54): A luminous, balanced gold — the color of honey in a jar.
- Charcoal Brown (#2D564C): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged light, 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
- Antique Courtyard color palette (#FFF2ED, #EDB3B2, #77C2B3, #B97877, #405437)
- Tempered Driftwood Studio color palette (#FCF4E5, #D7C384, #A5ADE1, #A08B44, #5E4456)
- Stone Hollow color palette (#FFF3E6, #D5A875, #77ABD4, #8784BB, #47413C)
- Dusty Glacier color palette (#EEF9ED, #FFE0BB, #71DCFF, #C08F53, #2F4A59)
- Timeworn Bloom color palette (#FFF1F6, #CFA784, #68A988, #A55F00, #235657)
- Ancient Bronze color palette (#FFF3E8, #DBC7AC, #B69475, #A26241, #594500)
- Worn Archive color palette (#FDF3EB, #FFC89E, #E7B0F0, #DB9761, #62434A)
- Antique Chestnut Courtyard color palette (#F9F5EA, #E8CCA7, #82804F, #5E4B00, #2F2B1F)
Browse the whole catalog at Explore, or see today's palette.