Sunlit Cobalt Pier color palette — #ECF5ED · #9ADBF3 · #108CC9 · #006165 · #00244C
A conversation between Cerulean and Midnight, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF5ED): a clean, paper-quiet neutral.
- Powder Blue (#9ADBF3): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#108CC9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006165): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#00244C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit 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
- Cobalt Study color palette (#E6F7E9, #7AC6EB, #0077BC, #005058, #001642)
- Cornflower Bloom color palette (#FFF2EB, #ABDBC3, #2C7FDE, #006859, #3A386B)
- Washed Cerulean Coast color palette (#E3F6E7, #3697B1, #005070, #002C2B, #00040E)
- Linen Lagoon color palette (#FAF4EB, #AEE4FA, #49A5DD, #008286, #093F77)
- Airy Violet Archive color palette (#E6E0FF, #8C69DB, #B15A00, #00725E, #1B0D36)
- Cobalt Coast color palette (#EEF1FF, #F9CEFF, #E39EBF, #5A6EB5, #2F1E40)
- Airy Indigo Coast color palette (#DBEAFF, #6B97FF, #5E59E5, #532A98, #361053)
- Grape Bloom color palette (#EDF1FF, #9581FF, #928500, #5D33C9, #252100)
Browse the whole catalog at Explore, or see today's palette.