Cobalt Pier color palette — #FFF2EA · #FF8C63 · #00A99C · #3C74D2 · #3D191D

Sapphire takes the lead with Salmon close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Salmon (#FF8C63): A luminous, balanced orange — the color of toasted spice.
• Turquoise (#00A99C): A luminous, balanced teal — the color of shallow lagoons.
• Sapphire (#3C74D2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#3D191D): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Cobalt 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

• Faded Apricot Market color palette (#FFF3E7, #E78A00, #00A4B8, #6C6EB1, #2C1612)
• Linen Marigold color palette (#FFF3E5, #F6A315, #00B47D, #2376CC, #51143D)
• Feathered Emerald color palette (#FFF2EE, #FF93A1, #009D5C, #0082AA, #311B3B)
• Hazy Cabin color palette (#FFF4E2, #FFAB52, #ACA100, #1384B6, #483100)
• Softworn Chapel color palette (#FFF2EB, #F25D0E, #007E9E, #005A72, #39192E)
• Frosted Amber color palette (#FFF1F6, #E38400, #00925E, #1B4DA9, #280003)
• Powdered Byzantium Loft color palette (#FEF4CC, #B2AC00, #0091E5, #9A43A6, #290C00)
• Airy Orchard color palette (#F8EEE1, #A87A00, #008096, #603DA1, #120001)

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