Cobalt Pier color palette — #E2F2F1 · #8EBDE1 · #0068B9 · #003B4F · #00020C
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E2F2F1): a clean, paper-quiet neutral.
- Sky (#8EBDE1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0068B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003B4F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Tempered Archive color palette (#E1F3EF, #71C7CB, #007581, #003E39, #000305)
- Softworn Grape Harbor color palette (#D5E5F0, #006F9D, #740BC3, #004F3C, #000103)
- Cerulean Villa color palette (#CCECFA, #0092CA, #005988, #002B4D, #00030C)
- Lilac Meadow color palette (#E0EDFF, #B3C2FF, #A99AF6, #005A92, #010030)
- Quiet Plum color palette (#E3EFFE, #007EE6, #B6007B, #003C72, #040002)
- Navy Garden color palette (#CDE0FF, #5C98F4, #0049A2, #000C35, #000106)
- Weathered Cornflower color palette (#F6E6EC, #7CB7E3, #437BF3, #006C75, #13043D)
- Wandering Grove color palette (#EBF8F8, #DBDDE7, #7DA8E4, #0078A6, #1D2D51)
Browse the whole catalog at Explore, or see today's palette.