Cobalt Pier color palette — #FFF0FD · #6886CB · #957631 · #606920 · #472E44
A conversation between Slate Blue and Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Slate Blue (#6886CB): A luminous, balanced violet — the color of twilight just after sunset.
- Walnut (#957631): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Olive (#606920): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#472E44): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Creativity, 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
- Wandering Bloom color palette (#FFF0F8, #978FC9, #7B9455, #457F5F, #523A47)
- Chalky Market color palette (#DFFEEF, #3494BB, #9A7500, #7E6528, #1B4032)
- Pine Grove color palette (#EAF2FF, #6D8CCF, #B9625C, #1B802A, #0F1E36)
- Worn Driftwood color palette (#FFF2EF, #B76475, #9B612F, #655100, #442C27)
- Emerald Grove color palette (#FFF0FD, #88A4E0, #DF756E, #429D49, #462F43)
- Dusty Bronze Summit color palette (#FFF2EB, #BEA281, #9D623A, #6F434B, #403D36)
- Airy Wisteria Lantern color palette (#F7E3FF, #BE67DC, #0E7516, #005A49, #3F2349)
- Hushed Lapis Corridor color palette (#D9DCFE, #6245FF, #646A00, #245A28, #1E1755)
Browse the whole catalog at Explore, or see today's palette.