Tempered Amber color palette — #F8EDD8 · #AB8C00 · #6F79C4 · #525A99 · #30240C

A conversation between Mustard and Periwinkle, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8EDD8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#AB8C00): A luminous, balanced green — the color of new leaves after rain.
• Periwinkle (#6F79C4): A luminous, balanced violet — the color of wild irises.
• Slate (#525A99): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#30240C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Muted Thicket color palette (#F3F0D4, #819C00, #9B6AAC, #745181, #2B270B)
• Hazy Study color palette (#FFEADA, #F07E28, #466BBC, #485F91, #36210F)
• Feathered Boulevard color palette (#FFF4DD, #B29218, #624DBA, #683969, #2D1715)
• Bronze Hollow color palette (#FAEDD3, #876E00, #4F5AA0, #353D7D, #322403)
• Grape Parlor color palette (#E5FCED, #B49C45, #4592C4, #7146A0, #001B0C)
• Powdered Moss Boulevard color palette (#F6F2E1, #939F00, #0079B2, #822D49, #4D1227)
• Gentle Study color palette (#FAEDCA, #7B7100, #6348B6, #452B8A, #130C00)
• Tempered Moss color palette (#FFEAD9, #90B100, #008B7A, #704074, #30312A)

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