Cobalt Pier color palette — #FCECFC · #4987D6 · #86751D · #5C5221 · #221423

Built around Azure, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Blush (#FCECFC): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#4987D6): A luminous, balanced blue — the color of deep harbor water.
• Walnut (#86751D): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#5C5221): A full-bodied, dusty green — the color of a quiet forest floor.
• Ink (#221423): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

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 Corridor color palette (#FFECF4, #9271CD, #717C38, #4F5722, #27121C)
• Feathered Cornflower color palette (#DFF8F1, #058BE4, #9A692F, #72470A, #051F1A)
• Wandering Cornflower color palette (#FCECFB, #597CDF, #4D6500, #344600, #131602)
• Iris Balcony color palette (#F0F5FF, #8498EF, #B08653, #926423, #293346)
• Cobalt Lagoon color palette (#FFF0FA, #727BBD, #9E586D, #00605E, #412A3A)
• Wandering Terrace color palette (#EDF6DB, #7A97ED, #935279, #245138, #2F1C25)
• Muted Grove color palette (#F7E7F0, #662FFF, #5C6000, #3C3F00, #0A002C)
• Aged Petrol color palette (#F7EFF7, #81B7F6, #A85A64, #3066A2, #1A0905)

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