Cobalt Pier color palette — #F4F4FF · #F0D6D4 · #F8A874 · #3B72D1 · #633456

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Bone (#F0D6D4): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#F8A874): A luminous, balanced gold — the color of old brass.
• Sapphire (#3B72D1): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#633456): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged pastel, light.

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

• Weathered Coral color palette (#F1F5FF, #F4D5E2, #FF9285, #007A9D, #493F65)
• Weathered Market color palette (#F7F3FF, #EBD0EA, #CD9F61, #685DAF, #483852)
• Wandering Drift color palette (#FFECF0, #F1CFD3, #FFA3AC, #735DB0, #442328)
• Muted Iris Cabin color palette (#F5F3FF, #F1D5D7, #FFB6BD, #9780D9, #4B4063)
• Patina Byzantium color palette (#FAF1FF, #EFDFC1, #C1C176, #9346AC, #663433)
• Weathered Periwinkle color palette (#FFF1F6, #FFE6BA, #EBD4D2, #7BB0EB, #5E3539)
• Misty Aubergine color palette (#EEE5FC, #DFA698, #AC8C3A, #67289C, #42151A)
• Worn Delta color palette (#FEEFFF, #F6C089, #96B952, #932298, #5D2600)

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