Cobalt Coast color palette — #EDF5FF · #97BCFF · #567FCB · #235392 · #002245
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF5FF): a clean, paper-quiet neutral.
- Sky (#97BCFF): A luminous, balanced violet — the color of twilight just after sunset.
- Azure (#567FCB): A luminous, balanced violet — the color of wild irises.
- Peacock (#235392): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002245): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Pale Nightshade Atelier color palette (#F5F4FF, #BAB6FC, #7E71C4, #503D8F, #1D134B)
- Ancient Basin color palette (#E3F7FF, #6BC4E8, #008DAF, #00576F, #002635)
- Periwinkle Thicket color palette (#FFEDFF, #AFD2FF, #67A5FF, #4175C0, #00224C)
- Cornflower Terrace color palette (#EFF6FF, #CBE1FF, #4788EC, #064B95, #000A23)
- Sunlit Indigo color palette (#FCF2F7, #AEA9FD, #C2603D, #6C60C3, #271205)
- Hazy Ultramarine Pier color palette (#E3ECFF, #6A98F4, #3A54CB, #001E8D, #04002C)
- Hushed Periwinkle Basin color palette (#DBECDF, #FF9D82, #6FB2FF, #453046, #231C24)
- Aged Cerulean Harbor color palette (#DEFDF4, #DFE4FF, #D9B3D7, #4799AC, #4F354E)
Browse the whole catalog at Explore, or see today's palette.