Cobalt Coast color palette — #E3EDF0 · #8CA4B4 · #6A7AA6 · #003F3E · #000507

A conversation between Slate and Deep Teal, giving this palette its sense of sophistication.

The five colors

• Frost (#E3EDF0): bright and airy, almost weightless.
• Blue Fog (#8CA4B4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#6A7AA6): A full-bodied, dusty violet — the color of wild irises.
• Deep Teal (#003F3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000507): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, 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

• Pewter Veranda color palette (#D9E4EA, #828EA0, #71638A, #002F3D, #000103)
• Wandering Abyss color palette (#DDE6DC, #A1BCAF, #AA89A4, #005F5D, #0C170B)
• Tempered Lagoon color palette (#DCE0E7, #B1B1C2, #9487A0, #2A3398, #070B13)
• Petrol Cabin color palette (#EEF2F8, #DAD3E1, #BAB3C8, #3F64A1, #19212B)
• Antique Cerulean Field color palette (#ECF3F7, #D6D6DE, #BEADB9, #5F8A9D, #2F383C)
• Patina Market color palette (#D0EAE1, #006E91, #4A336D, #2A1E00, #000F04)
• Pale Grape Thicket color palette (#C3E6FB, #00A93F, #007F91, #5E00BE, #000105)
• Shadow Onyx color palette (#C8E6EB, #00564C, #520025, #190D00, #020100)

Browse the whole catalog at Explore, or see today's palette.