Tempered Amber color palette — #E4F8E8 · #B28700 · #006353 · #5A4200 · #001611

Built around Mustard, softened by Pine — the whole palette hums with optimism and balance.

The five colors

• Honeydew (#E4F8E8): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#B28700): A luminous, balanced gold — the color of honey in a jar.
• Pine (#006353): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#001611): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance. Tagged duotone, 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 Moss Chapel color palette (#D9FBEE, #879900, #005E72, #434C00, #00151B)
• Misty Summit color palette (#FFECF5, #D96C00, #006543, #6F3400, #00170C)
• Muted Moss color palette (#F4EEDB, #89A500, #056E18, #004437, #002D2E)
• Aubergine Veranda color palette (#FFDDC3, #798600, #00614F, #590867, #0F3201)
• Muted Marigold Balcony color palette (#FEEFDE, #E49900, #008796, #8E5E00, #001519)
• Midnight Fern Garden color palette (#D0E4DA, #625E00, #002E39, #201E00, #000203)
• Pale Moss color palette (#E4FFD3, #E5B700, #65B600, #00777B, #003017)
• Cobalt Boulevard color palette (#EBF8F8, #70C397, #6166B2, #007249, #1E2432)

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