Tangerine Harbor color palette — #FBD3D3 · #E88052 · #A36100 · #635100 · #2C3100

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

The five colors

• Shell Pink (#FBD3D3): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#E88052): A luminous, balanced orange — the color of toasted spice.
• Ochre (#A36100): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#635100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#2C3100): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Chalky Bronze Meadow color palette (#FAD4CD, #E49962, #A97D00, #625C00, #304305)
• Feathered Amber Garden color palette (#FBE4DB, #CF6900, #7C4E00, #513900, #352A00)
• Gentle Scarlet Harbor color palette (#EFD8E2, #E16D7E, #D53018, #734000, #3A2A00)
• Timeworn Atelier color palette (#F2DFAC, #CEA750, #886E00, #533D00, #1E1900)
• Bronze Terrace color palette (#FFEBDD, #9C7B00, #5A5800, #144300, #001D0F)
• Feathered Parlor color palette (#D8E3D8, #A7A16A, #996500, #852B00, #002B24)
• Antique Amber Study color palette (#FCE6D3, #BA9107, #6E8300, #246100, #003824)
• Cobalt Atelier color palette (#CFE5D4, #B89320, #008ED8, #7A6000, #002C47)

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