Cobalt Pier color palette — #F7F0EB · #ACD1C0 · #4B7DC1 · #005C51 · #1E1A40
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7F0EB): a clean, paper-quiet neutral.
- Pistachio (#ACD1C0): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#4B7DC1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C51): A full-bodied, dusty teal — the color of sea glass.
- Deep Indigo (#1E1A40): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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
- Hushed Cobalt Loft color palette (#F9F4ED, #A4D1BC, #337FB4, #005F65, #243B5D)
- Feathered Onyx color palette (#FFEEE5, #70CBDC, #0079B3, #00543A, #07005B)
- Weathered Forest Loft color palette (#F8F0EE, #CDE4CB, #3F9AB5, #286F2D, #05342C)
- Weathered Hollow color palette (#FBF2F7, #B5DAF2, #4F97EF, #007E6D, #2F3957)
- Weathered Petrol Lantern color palette (#FFEBF6, #F6CFD5, #E7A090, #2878A1, #361620)
- Weathered Denim Study color palette (#F1DFD9, #45989F, #00506E, #002E17, #000313)
- Worn Navy Quarry color palette (#E8DCD4, #4A7F9D, #0E3286, #001F1D, #020008)
- Worn Ultramarine Market color palette (#F3EAE2, #7BA797, #2F50AC, #003A37, #0F0028)
Browse the whole catalog at Explore, or see today's palette.