Tempered Tangerine color palette — #FAE2F3 · #FF6C43 · #865C44 · #54374B · #180D17

Built around Tangerine, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FAE2F3): A whisper-light, dusty pink — the color of neon signs at night.
• Tangerine (#FF6C43): A luminous, vivid orange — the color of autumn markets.
• Walnut (#865C44): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#54374B): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#180D17): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged noir, dark, luxury, muted.

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

• Blush Alley color palette (#F1E3F4, #FF6092, #8A5758, #4B3B4F, #160E1B)
• Antique Amber color palette (#FDE7F0, #E47C00, #526950, #4C343F, #140A0F)
• Weathered Lagoon color palette (#F7E8F2, #E14D2E, #5B3F1C, #341E2F, #160E18)
• Weathered Marigold color palette (#DCE8DD, #D3A143, #5E7767, #404E41, #1F1518)
• Linen Ember Loft color palette (#FFF2EC, #F94D28, #553300, #2E0400, #050000)
• Worn Canyon color palette (#FBEAEF, #A86900, #543E0A, #31101D, #060002)
• Wandering Apricot color palette (#FCDFD0, #FFA866, #EB8700, #A86A00, #513500)
• Inked Rust color palette (#FFE8DB, #BA3500, #451C00, #1F0900, #090200)

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