Tangerine Terrace color palette — #FFE9F1 · #FFA09A · #FF7831 · #AD6600 · #4F4300

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

The five colors

• Blush (#FFE9F1): A whisper-light, dusty rose — the color of pressed rose petals.
• Melon (#FFA09A): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#FF7831): A luminous, vivid orange — the color of toasted spice.
• Ochre (#AD6600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4F4300): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Tangerine Terrace 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

• Tempered Lantern color palette (#FFDCDD, #FF946A, #D18300, #997700, #353C09)
• Ember Alley color palette (#FFD7D6, #FF8C77, #E46100, #9D4E00, #553500)
• Pale Lagoon color palette (#F8D8DE, #F86F60, #B34A00, #6F3C00, #2F1F00)
• Wandering Bloom color palette (#F4DFF5, #FF9ACB, #FF607B, #CC4004, #5B3200)
• Apricot Courtyard color palette (#FFF3E5, #FFC983, #F48708, #AD6200, #3E2100)
• Tangerine Canyon color palette (#FFEADC, #ECBF7F, #E98652, #BC5E6A, #38352E)
• Faded Amber color palette (#FFD7D5, #E56D00, #A57600, #675A00, #181F00)
• Amber Archive color palette (#FFF2E9, #FFB083, #6CCEFF, #DB6600, #004059)

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