Tempered Amber color palette — #E0F3F2 · #E76C08 · #004B2C · #001C0D · #000401

Tangerine and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E0F3F2): A whisper-light, dusty teal — the color of sea glass.
• Tangerine (#E76C08): A luminous, vivid orange — the color of autumn markets.
• Forest (#004B2C): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001C0D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark, 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

• Amber Veranda color palette (#CEECE7, #B88A00, #0A4806, #032201, #000C08)
• Apricot Balcony color palette (#E2E8D4, #FC854A, #006D3A, #00381B, #001507)
• Coral Quarry color palette (#E2F3FA, #C5717A, #004147, #001618, #000203)
• Aged Coral Balcony color palette (#DCF8FF, #E68A88, #005856, #002726, #000A0D)
• Weathered Honey color palette (#F5F8DC, #F1BA30, #146B0C, #032602, #010100)
• Aged Cypress Workshop color palette (#E9F4F5, #E8B6A4, #356E5C, #0A383B, #0A1617)
• Nocturne Terracotta color palette (#D5F5FB, #96311D, #363035, #001915, #000201)
• Washed Delta color palette (#DDF3ED, #75A700, #5A12E6, #3B5600, #030016)

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