Cobalt Pier color palette — #E8F3FF · #3F83B7 · #2E3E52 · #1E2A35 · #14151B
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F3FF): a clean, paper-quiet neutral.
- Cerulean (#3F83B7): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2E3E52): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#1E2A35): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#14151B): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Softworn Courtyard color palette (#E8F4FE, #83BEE9, #767B8C, #4C565F, #1B2326)
- Patina Azure Thicket color palette (#E4F7F0, #2BA4EF, #63525D, #2D3C37, #1E2320)
- Violet Terrace color palette (#E3E3F4, #8C54B0, #342D4A, #1E1D2E, #0F0B12)
- Nocturne Orchard color palette (#E0E9F8, #2D50F0, #24205A, #081731, #080811)
- Softworn Driftwood Terrace color palette (#F2F5FF, #948ED0, #B86F8E, #24829D, #3C4154)
- Wandering Balcony color palette (#F0F5FF, #9BAEE1, #3BAF92, #5A6FAD, #305457)
- Velvet Lantern color palette (#ECEEFF, #5A00A0, #26181B, #1B0027, #020015)
- Ancient Turquoise Loft color palette (#EFF7F6, #D2DEF0, #4FA6C2, #287C81, #425562)
Browse the whole catalog at Explore, or see today's palette.