Tangerine Pier color palette — #F5D7C7 · #FA6838 · #109ECC · #007FA5 · #320D03

A conversation between Tangerine and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Bone (#F5D7C7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#FA6838): A luminous, vivid orange — the color of toasted spice.
• Cerulean (#109ECC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007FA5): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#320D03): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Patina Amber Alley color palette (#F1DAC0, #D58A00, #00A2B9, #008295, #281600)
• Blush Corridor color palette (#F2D7D0, #F9607D, #00A796, #008778, #300F07)
• Aged Tangerine Workshop color palette (#FFE6D7, #EE7C4A, #009A83, #645BC0, #1F0A00)
• Tempered Coral Ridge color palette (#F3D7CD, #F76864, #9F9300, #00886D, #330A0B)
• Ancient Terrace color palette (#ECDFCE, #D39400, #0094AC, #4957B1, #38003A)
• Tempered Apricot color palette (#FDEAE0, #EF8F73, #23B7AD, #7D76C7, #362014)
• Washed Scarlet Lantern color palette (#F2D3EC, #D74742, #576ABF, #6A3195, #340908)
• Marigold Balcony color palette (#EEDBBF, #CA9912, #7F87DD, #5E64BC, #261800)

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