Tempered Amber color palette — #FFF3E6 · #D28100 · #6A8A00 · #005274 · #270A0B

Mustard takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#D28100): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#6A8A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005274): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#270A0B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Ember Field color palette (#FFF2EB, #DA6B48, #00805F, #3E468D, #1C0700)
• Denim Harbor color palette (#FFF4E0, #FFA299, #AA7E00, #1354AB, #441901)
• Peony Lagoon color palette (#FFF1F1, #E55CB2, #8E6800, #005B62, #210108)
• Hazy Marigold Bloom color palette (#FDF3E9, #DC9F4F, #009082, #62529A, #25180D)
• Misty Field color palette (#FFF3E8, #DD7B00, #008585, #6A069A, #1E0D00)
• Emerald Cabin color palette (#FFF2ED, #FF857E, #009745, #3D41A6, #1F1056)
• Amber Boulevard color palette (#FFF3E8, #D37700, #473B00, #231000, #040100)
• Muted Delta color palette (#FFEFFF, #FF7F8C, #B49600, #8368BD, #271836)

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