Cobalt Pier color palette — #F7EFF5 · #A8CEDF · #3E83B0 · #005E41 · #10203C
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F7EFF5): bright and airy, almost weightless.
- Powder Blue (#A8CEDF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3E83B0): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005E41): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#10203C): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Aged Cerulean Alley color palette (#F0F7F1, #A6CCDC, #0084A9, #006059, #0A3F5D)
- Ancient Corridor color palette (#F8EFF3, #C8E0F1, #708EC0, #056D64, #242A45)
- Muted Cobalt color palette (#F2E5EA, #88BBDA, #4567B5, #004C47, #190838)
- Gentle Indigo color palette (#D9F0E1, #AA8F1A, #6471CF, #655400, #13173D)
- Antique Turquoise Ridge color palette (#FBF4EA, #BEE4EF, #5DB2D4, #008077, #03372B)
- Navy Corridor color palette (#EDDAE6, #2F8598, #003F65, #002016, #01000C)
- Washed Chestnut color palette (#CFE8D6, #949F70, #78621C, #5F3005, #001D1B)
- Bronze Drift color palette (#E0EFE6, #8B7D00, #6563B2, #6E3F84, #181400)
Browse the whole catalog at Explore, or see today's palette.