Tangerine Lagoon color palette — #FCDEDE · #F97B20 · #8D6A00 · #3E5200 · #002C1A

Tangerine takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FCDEDE): A whisper-light, dusty red — the color of late-summer berries.
• Tangerine (#F97B20): A luminous, vivid orange — the color of autumn markets.
• Ochre (#8D6A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3E5200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002C1A): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Aged Thicket color palette (#FFD4CE, #F29A4B, #928000, #3E6700, #003828)
• Washed Field color palette (#FFF2F0, #F6A15E, #9F6F00, #404300, #021500)
• Hazy Amber Drift color palette (#FFE0D7, #C97B00, #736800, #00440F, #001A14)
• Feathered Blush color palette (#F5DFEF, #F7687D, #B26100, #5F4900, #192800)
• Ember Grove color palette (#C6E9CB, #F55413, #687000, #2E4284, #391725)
• Frosted Alley color palette (#FFE9DB, #B6A100, #428803, #00583F, #002B31)
• Lowlit Bronze Thicket color palette (#D0EBD3, #946900, #293913, #0A1A0D, #090306)
• Patina Mustard color palette (#FFF2EC, #E5B464, #8F9D47, #2F714B, #004C49)

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