Weathered Tangerine color palette — #EDE0D8 · #F57742 · #845E43 · #5E3525 · #1C0D07

A conversation between Tangerine and Cocoa, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#EDE0D8): a clean, paper-quiet neutral.
• Tangerine (#F57742): A luminous, vivid orange — the color of sun-warmed clay.
• Walnut (#845E43): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#5E3525): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#1C0D07): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Weathered 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

• Weathered Blush Pier color palette (#FCE8E3, #F96A86, #8E5551, #623038, #1B0D0C)
• Hushed Amber Harbor color palette (#FAEDE4, #D46A00, #6F4B21, #342E2A, #0B0200)
• Washed Studio color palette (#F3ECDF, #C49B00, #6D693B, #563D00, #1A0F01)
• Ember Corridor color palette (#FFF0F9, #F3560C, #523500, #25091D, #030103)
• Bronze Grove color palette (#EFDDC6, #A26D00, #523F00, #2A1900, #040100)
• Nocturne Rust Atelier color palette (#F4E0EC, #B24100, #411F03, #1D0716, #070206)
• Tempered Ridge color palette (#F4F2E5, #AFC078, #817F37, #615500, #242219)
• Muted Studio color palette (#F6E0D1, #FFA551, #D98A00, #AA7400, #563E00)

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