Cobalt Coast color palette — #CDF1FF · #58B0D9 · #1E88BB · #196193 · #2D4B6C
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#CDF1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#58B0D9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#1E88BB): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#196193): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#2D4B6C): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Cobalt Coast 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
- Muted Azure Hollow color palette (#BCECFC, #6FC3DA, #2D9BDA, #266BB3, #37426E)
- Teal Workshop color palette (#B4F7F2, #3EB7B9, #008D98, #006676, #044C5B)
- Denim Courtyard color palette (#D8EED7, #60B3CD, #007EAC, #0153A0, #242D57)
- Patina Petrol color palette (#E3FCF4, #63A5E0, #B86D9A, #1E6AA5, #5E3536)
- Iris Studio color palette (#FFEAFF, #94AEDD, #7687C0, #585F90, #634658)
- Antique Cobalt Quarry color palette (#FEF0FF, #4F8CCD, #9467A2, #007970, #442F46)
- Chalky Pier color palette (#DCE9F6, #168AF6, #0055D3, #0A20B8, #262B7B)
- Petrol Studio color palette (#DDF2FD, #00699A, #00406F, #002248, #120230)
Browse the whole catalog at Explore, or see today's palette.