Tangerine Coast color palette — #FBF4EF · #DDDBCC · #98B9B3 · #F57E47 · #642F00

Built around Tangerine, softened by Bronze — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Bone (#DDDBCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#98B9B3): A luminous, dusty teal — the color of shallow lagoons.
• Tangerine (#F57E47): A luminous, vivid orange — the color of autumn markets.
• Bronze (#642F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Villa color palette (#F3EDE9, #D3D4C7, #B4BCA9, #D57523, #3B2A1A)
• Mustard Cabin color palette (#F8F5EE, #D6DCD1, #97B2B8, #C5A000, #533B00)
• Blush Summit color palette (#FEF2F0, #E0D8CF, #ABB8C5, #EA7AA8, #523836)
• Airy Indigo color palette (#FFF3E3, #FFA68D, #C2A319, #5364D8, #522900)
• Amber Delta color palette (#FDEDDC, #D89000, #6A6B36, #553C19, #1B0E06)
• Jade Lantern color palette (#FEF4DF, #C2D89E, #5DBC77, #B86E8D, #32410E)
• Quiet Lime Corridor color palette (#FFF3E7, #F3D5C6, #FFC487, #9DCF00, #453100)
• Basalt Loft color palette (#FFDFDE, #F2C49B, #A6B37E, #867FB6, #673967)

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