Tangerine Terrace color palette — #F7D7E8 · #FB751D · #9A8300 · #007626 · #3D051F

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

The five colors

• Shell Pink (#F7D7E8): A whisper-light, dusty pink — the color of peonies in June.
• Tangerine (#FB751D): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#9A8300): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#007626): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#3D051F): A deep, shadowed, balanced rose — the color of pressed rose petals.

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

• Linen Marigold Harbor color palette (#D6E7D4, #DA9000, #729211, #00725E, #410303)
• Misty Amber Lagoon color palette (#FFE8F0, #CE7700, #707A00, #006048, #2A0002)
• Blush Hollow color palette (#EED9F0, #FF6780, #BE6D00, #646700, #330938)
• Ember Basin color palette (#FFF2EC, #DB6D54, #4C7000, #003F50, #190021)
• Gentle Studio color palette (#F4E3D4, #E59000, #B27900, #805C00, #3B2C00)
• Ancient Apricot color palette (#FFEBF6, #FF8F56, #A49431, #8A589F, #4D1323)
• Pine Study color palette (#DAF2E2, #997E00, #0E7918, #004E4D, #130300)
• Ember Cabin color palette (#FFE6F3, #DA6500, #6F4A27, #3D2834, #080306)

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