Cobalt Coast color palette — #E6F2E8 · #82CFFB · #338ADA · #006A77 · #1C2C52
A conversation between Azure and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Sky (#82CFFB): A whisper-light, balanced blue — the color of open sky before noon.
- Azure (#338ADA): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006A77): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#1C2C52): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Cerulean Garden color palette (#E8F1E9, #83D4DB, #0096B3, #006E5E, #003248)
- Weathered Periwinkle Field color palette (#EFF8F1, #B0DAFF, #7696CC, #20778F, #32375C)
- Petrol Courtyard color palette (#F7EAF0, #86B9D6, #3369AC, #004F51, #24265C)
- Muted Turquoise Cabin color palette (#EAFAED, #79F0FA, #00ADCE, #008472, #004661)
- Dusty Powder color palette (#F0F7F1, #DADDEC, #96B3DB, #628DA2, #4A5364)
- Worn Turquoise Atelier color palette (#D5E8D8, #41B1CF, #006F9A, #004A49, #00152A)
- Frosted Teal color palette (#92F5F0, #00C1BD, #00898A, #00504F, #001E1E)
- Gentle Archive color palette (#B5E9F0, #00B19A, #DC4976, #007464, #4C0D22)
Browse the whole catalog at Explore, or see today's palette.