Tangerine Lagoon color palette — #F7D6DB · #F36800 · #7F5D00 · #3E4000 · #003315

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7D6DB): A whisper-light, dusty red — the color of embers at dusk.
• Tangerine (#F36800): A luminous, vivid orange — the color of toasted spice.
• Ochre (#7F5D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3E4000): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#003315): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Energy, 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

• Frosted Amber color palette (#FFE3D7, #D27C00, #7B5900, #3C3500, #0E1300)
• Chalky Lantern color palette (#F2DDEE, #F85D77, #9A3B00, #4D3900, #262B00)
• Ancient Pier color palette (#FFE8E6, #FF9E59, #C68E00, #767000, #0A3700)
• Marigold Lantern color palette (#FFDED5, #D19400, #667100, #005829, #004139)
• Powdered Scarlet color palette (#FCE0B7, #E81201, #595500, #2502A4, #401F00)
• Linen Basin color palette (#E0FFE1, #FF88B4, #CE8700, #008532, #2D2500)
• Aged Olive Balcony color palette (#F2DEC4, #878400, #005722, #002E27, #001B22)
• Bronze Studio color palette (#FFF0FE, #DEAF90, #927E28, #456426, #155636)

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