Cobalt Pier color palette — #D4DFF0 · #D0B573 · #5474C8 · #31457C · #030B1A

Sapphire takes the lead with Navy close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Silver (#D4DFF0): A whisper-light, dusty blue — the color of deep harbor water.
• Sand (#D0B573): A luminous, balanced gold — the color of honey in a jar.
• Sapphire (#5474C8): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#31457C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#030B1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Iris Meadow color palette (#E8EFFD, #D0CB93, #7581CA, #495186, #0E1526)
• Washed Cerulean Dune color palette (#CEE1EE, #F59F8D, #0085AB, #005068, #000D17)
• Violet Canyon color palette (#DCDCF0, #9BC789, #905FB8, #5C2F7D, #0A081C)
• Soft Lapis Studio color palette (#DDE3F5, #9FAF5E, #6153C0, #362380, #01010E)
• Ancient Nightshade Cabin color palette (#E7D9E4, #D78C9C, #304CA9, #102062, #160314)
• Wandering Lilac Dune color palette (#ECEEF6, #DBCEDB, #CBB0BE, #9E7DDB, #2A2C3D)
• Linen Canyon color palette (#F0F5FF, #FF97AF, #2641B4, #08123F, #000106)
• Ash Orchard color palette (#F5F4FD, #BFE8DD, #B68FB7, #6F6789, #2C2937)

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