Tangerine Lagoon color palette — #FFE0EE · #F27C0B · #6F683D · #563746 · #180D18

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

The five colors

• Blush (#FFE0EE): A whisper-light, dusty rose — the color of strawberry cream.
• Tangerine (#F27C0B): A luminous, vivid gold — the color of honey in a jar.
• Olive (#6F683D): A full-bodied, dusty green — the color of a quiet forest floor.
• Cocoa (#563746): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#180D18): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Balance. Tagged noir, dark, luxury, muted.

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

• Antique Coral Coast color palette (#F0E3EF, #FF686C, #80603C, #4D3A4C, #140F1A)
• Timeworn Bloom color palette (#DBF0D9, #DB8D00, #636D3B, #31492F, #180E15)
• Amber Study color palette (#F3D6E0, #C67500, #555727, #412631, #090208)
• Ancient Amber Field color palette (#FFF1F7, #D97200, #4F3700, #270819, #040003)
• Bronze Bloom color palette (#DBEBDE, #987300, #344926, #0B2313, #040102)
• Washed Boulevard color palette (#E4F7F2, #A1C47D, #648286, #4A5854, #1D241F)
• Bronze Ridge color palette (#F0DBCC, #A64F00, #312A00, #1D0B00, #0A0100)
• Softworn Thicket color palette (#EAF2D6, #869E00, #1F6750, #303A09, #000B02)

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