Tangerine Lagoon color palette — #FFF2EA · #F9792D · #0084D3 · #7F3500 · #003D66
A conversation between Tangerine and Azure, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Tangerine (#F9792D): A luminous, vivid orange — the color of toasted spice.
- Azure (#0084D3): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#7F3500): A full-bodied, balanced orange — the color of autumn markets.
- Navy (#003D66): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Cobalt Loft color palette (#FFF3E4, #D39525, #0071C8, #7B5300, #003B6D)
- Brick Workshop color palette (#FFF2EC, #DF6C5A, #008BB2, #AD1100, #004155)
- Amber Bloom color palette (#FFECF4, #E2780E, #008EC0, #8A4600, #002434)
- Muted Denim Summit color palette (#F3D9C2, #C97620, #015BAE, #6D3A00, #002853)
- Tempered Azure color palette (#FFF3E8, #EC9757, #1BB1E9, #A95700, #004058)
- Ancient Iris Pier color palette (#FBF5E4, #AFA14F, #7D80CE, #746600, #3C3E67)
- Timeworn Tangerine color palette (#FAE5F9, #9BB9FF, #FF7C4B, #452A02, #2C190E)
- Weathered Olive color palette (#F6F6E7, #9EBB86, #AD88BE, #5C7F3B, #673F4B)
Browse the whole catalog at Explore, or see today's palette.