Cobalt Pier color palette — #FFF0F9 · #FF986A · #00B292 · #4172CC · #1B2472

Built around Sapphire, softened by Apricot — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Apricot (#FF986A): A luminous, balanced orange — the color of toasted spice.
• Turquoise (#00B292): A luminous, balanced teal — the color of shallow lagoons.
• Sapphire (#4172CC): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#1B2472): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged cool.

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

• Apricot Studio color palette (#FFF0FA, #FF9777, #00B19A, #00839C, #3A1D61)
• Washed Marigold color palette (#FFF1F5, #F8A127, #00ACBB, #486FCE, #490E5B)
• Sapphire Parlor color palette (#FAF1FF, #FF8DB9, #7AAA2B, #3471D6, #132B67)
• Patina Market color palette (#F2D8EC, #F07A69, #339B55, #4255BC, #370336)
• Soft Mustard Loft color palette (#EBFAEB, #E7B463, #51B1B6, #98689E, #4C2A49)
• Wandering Denim Parlor color palette (#FFE8E4, #E1C293, #A1AF81, #7E7CA5, #52447B)
• Byzantium Orchard color palette (#FFF1F5, #F9A127, #00AFAC, #A048B9, #5D0129)
• Soft Mustard Archive color palette (#E3FCEF, #BDB300, #009752, #005D62, #002242)

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