Cobalt Coast color palette — #DAF5FF · #00B9F2 · #0088D9 · #315E98 · #2B385F

Built around Azure, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Frost (#DAF5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00B9F2): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0088D9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#315E98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2B385F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Quiet Azure color palette (#EAF8FF, #85CEFF, #289CEF, #0061AF, #0D2B5B)
• Soft Turquoise color palette (#C8EEE9, #00C3C7, #008FA2, #006D8B, #02415D)
• Faded Indigo color palette (#DFEEFF, #77A7FF, #7578E3, #594C95, #403058)
• Aged Sapphire Villa color palette (#C9E7EA, #5CC3EB, #00A5F1, #426CD7, #38366A)
• Cobalt Delta color palette (#EBF1FF, #9FB9FF, #547CD2, #344A87, #111E4B)
• Timeworn Periwinkle color palette (#E3F0FF, #5EACFF, #C68536, #3274B8, #4D2D00)
• Mallow Study color palette (#EFF6FF, #E4D4F1, #DDB7EA, #5089A6, #333B4F)
• Antique Lilac Market color palette (#F0F5FF, #C0BEFF, #A692D4, #886F97, #504A63)

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