Tangerine Lagoon color palette — #FFF2EA · #FFB8AF · #FB7A27 · #A46500 · #040100

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Rose Quartz (#FFB8AF): A whisper-light, balanced orange — the color of toasted spice.
• Tangerine (#FB7A27): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A46500): A full-bodied, balanced gold — the color of old brass.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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

• Chalky Marigold color palette (#FFF3E5, #FFBF8D, #DF9600, #988300, #070400)
• Apricot Station color palette (#FFF3E6, #FF9351, #D28100, #775E00, #020100)
• Softworn Ember color palette (#FFF2EE, #FFBDD4, #FF7083, #E53E00, #130001)
• Weathered Amber Archive color palette (#EFE1D3, #C98500, #8A6300, #453400, #171100)
• Timeworn Garden color palette (#FFE3F2, #F05DB0, #E04E00, #696000, #080300)
• Frosted Apricot color palette (#F3DACC, #FF96D1, #FF8D5D, #A39600, #220C00)
• Coral Field color palette (#FDE4F2, #FF6960, #D05B00, #7A4B00, #290F00)
• Hushed Studio color palette (#FFECC8, #B08D00, #008D84, #5F4B00, #000A09)

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