Cobalt Pier color palette — #FFF2EA · #EBAE8E · #BF9A48 · #447AD4 · #5C2600

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#EBAE8E): A luminous, balanced orange — the color of toasted spice.
• Mustard (#BF9A48): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#447AD4): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#5C2600): A deep, shadowed, balanced orange — the color of autumn markets.

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

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

• Hushed Violet Lantern color palette (#FCF3EB, #E2B487, #88AE5D, #8E64C3, #522E00)
• Denim Studio color palette (#FFF1F6, #D5955D, #4D9260, #006496, #4D2949)
• Ancient Cobalt Hollow color palette (#FFF1F5, #D2ABF2, #B3A044, #487DC6, #442B57)
• Dusty Ash color palette (#FFF2F0, #EECABF, #C2B095, #9186AF, #6C4945)
• Faded Plum Coast color palette (#F4F3E0, #A0BF6A, #AE7ACE, #A04996, #4D1029)
• Sunlit Lapis Studio color palette (#FAE4CB, #E79300, #9C9616, #541CF6, #351E00)
• Wandering Raspberry color palette (#FFF2F0, #F6A0C0, #53B687, #A65EA2, #58233A)
• Byzantium Loft color palette (#FFF2E9, #FF9A57, #1CBB90, #A925B3, #4E2200)

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