Cobalt Pier color palette — #EEF6FF · #B4D8FF · #E2B16B · #548EC9 · #264027
Cerulean and Sand set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Powder Blue (#B4D8FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sand (#E2B16B): A luminous, balanced gold — the color of old brass.
- Cerulean (#548EC9): A luminous, balanced blue — the color of deep harbor water.
- Forest (#264027): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged light, 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
- Periwinkle Basin color palette (#EEF6FF, #A2D1FF, #E7B367, #59A4E9, #563D15)
- Muted Sand Delta color palette (#F2F5FF, #E7D3EC, #DBCD85, #9793C6, #334D3E)
- Wandering Ash color palette (#EEF6FF, #E0D9E2, #BDACA0, #75ABBB, #394456)
- Glacier Canyon color palette (#E6F9FF, #57EDF4, #FF9D88, #329BA0, #4A2E43)
- Softworn Powder Loft color palette (#EFF6FF, #8DBDFF, #D59E5B, #A98E52, #1E2C3D)
- Ultramarine Grove color palette (#F9EEF9, #7AA7DE, #B7813E, #0063BE, #3A2100)
- Tempered Taupe Hollow color palette (#FFF0FA, #FFD3B1, #CA8C7A, #79617C, #243727)
- Patina Periwinkle Workshop color palette (#F1F5FF, #DAD7E3, #829FE9, #40568C, #0E1B3C)
Browse the whole catalog at Explore, or see today's palette.