Weathered Cobalt Pier color palette — #FCF2F7 · #CCF3BD · #766BAE · #39315A · #160B11

Slate takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Celadon Mist (#CCF3BD): A whisper-light, balanced green — the color of new leaves after rain.
• Slate (#766BAE): A full-bodied, balanced violet — the color of wild irises.
• Navy (#39315A): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#160B11): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered 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 Cobalt color palette (#FCF1FD, #FFDFC1, #3E78BC, #472D49, #150C15)
• Weathered Bloom color palette (#FFF1F2, #DEEEB1, #A35790, #532B2F, #180B0C)
• Ancient Denim color palette (#EDF2FE, #99C08E, #4D4E85, #232344, #080C17)
• Ash Study color palette (#F5F4FF, #FFC6B5, #A985B7, #625E7F, #21202A)
• Ancient Mulberry color palette (#FFF2EF, #D7D57F, #974558, #480F20, #0B0101)
• Wandering Tangerine color palette (#FBF2F6, #EED4EC, #ED7930, #917AC6, #1D0E04)
• Tempered Canyon color palette (#FEF0FB, #84A0FD, #937E00, #006E81, #251422)
• Coral Hollow color palette (#FCF6DC, #F1B1F9, #D66E6F, #007178, #442929)

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