Tempered Tangerine color palette — #FAE8E8 · #F77A40 · #AF6300 · #604500 · #2E2700

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

The five colors

• Rose Water (#FAE8E8): bright and airy, almost weightless.
• Tangerine (#F77A40): A luminous, vivid orange — the color of autumn markets.
• Ochre (#AF6300): A full-bodied, balanced gold — the color of old brass.
• Bronze (#604500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#2E2700): 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

• Rust Lagoon color palette (#F9D9E0, #F56C6D, #BF4400, #703D00, #2F1E00)
• Pale Marigold Harbor color palette (#FFE4D3, #DE9300, #8C7500, #4D5000, #172900)
• Bronze Harbor color palette (#FFF2EC, #F2A979, #A76100, #563600, #160E00)
• Muted Amber Cabin color palette (#F5D8E0, #FB9184, #D37200, #856500, #242700)
• Aged Ember Bloom color palette (#F0DBBA, #F75116, #8C5F00, #00525A, #381C02)
• Tangerine Boulevard color palette (#FFEEE0, #FFB0AE, #FD8236, #A08600, #3A1D00)
• Weathered Mustard color palette (#FFEEE4, #E7B360, #A89041, #67691D, #294600)
• Weathered Taupe Station color palette (#F7DDD3, #C79B5F, #82875B, #3F6251, #442843)

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