Tempered Tangerine color palette — #FFEBE4 · #EE7F04 · #8B6100 · #4D4F00 · #0F2C00

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFEBE4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#EE7F04): A luminous, vivid gold — the color of old brass.
• Ochre (#8B6100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4D4F00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#0F2C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Tangerine 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 Field color palette (#F8E0D1, #BF8B00, #787000, #284500, #002B0E)
• Amber Delta color palette (#FFF2EA, #FFB252, #CB8D00, #715E00, #393700)
• Worn Parlor color palette (#F8E5E8, #FF535C, #B44C00, #614300, #2F2600)
• Taupe Study color palette (#FCE6C5, #A4A650, #8A6300, #683214, #1D1E00)
• Tempered Indigo color palette (#FFEFDA, #D79B25, #5C61E0, #795300, #171551)
• Chalky Celadon Pier color palette (#FFF0D5, #C6F58A, #56C9BF, #B4614E, #322B00)
• Washed Amber Chapel color palette (#FEE5EF, #7CB0FF, #D19200, #2C1C00, #130900)
• Obsidian Abyss Corridor color palette (#EEE0C7, #595E00, #124900, #001F12, #000504)

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