Tempered Tangerine color palette — #FFF3E9 · #FFA2AD · #FC6745 · #857E00 · #522627

A conversation between Coral Clay and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Ballet Pink (#FFA2AD): A luminous, balanced red — the color of a theater curtain.
• Coral Clay (#FC6745): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#857E00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#522627): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged retro, 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 Delta color palette (#FFF3E4, #FFA785, #DF8400, #588A3B, #512911)
• Amber Dune color palette (#FFF2EE, #FF929A, #D78100, #747D00, #491A4A)
• Worn Harbor color palette (#FFF2EA, #FF99DB, #ED6B92, #A46E00, #4D273A)
• Coral Parlor color palette (#F8D8B7, #FF7C79, #D36327, #626E00, #3A1A09)
• Ember Workshop color palette (#DEFFE5, #FF9CC1, #CC6245, #00694C, #44161F)
• Tempered Cabin color palette (#FDE4DC, #FF6673, #8C574D, #563A30, #1A0E0C)
• Shell Terrace color palette (#FFE5E2, #FFBEA6, #D6A37C, #938D66, #4A4B43)
• Misty Tangerine Workshop color palette (#F6E5D0, #F6630E, #A86400, #336317, #280E00)

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