Cobalt Coast color palette — #F4F7EB · #AED9C8 · #2286C6 · #00637A · #004175

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Oat (#AED9C8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2286C6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00637A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004175): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Muted Lagoon Delta color palette (#F6F6EA, #BBD7B9, #009197, #006859, #004952)
• Cobalt Drift color palette (#F3F8E8, #88BFE7, #0070C0, #00526B, #002F6D)
• Denim Drift color palette (#E4E7DA, #6597AF, #004F74, #002E38, #001528)
• Byzantium Quarry color palette (#D9EFFF, #0088CB, #953BD5, #00715D, #003451)
• Tempered Cornflower Atelier color palette (#FBF0E7, #9CD9FC, #2980ED, #006264, #1D1E4B)
• Frosted Sky color palette (#EAF9F8, #CFDDFC, #6BBFFF, #00A0C5, #204165)
• Azure Summit color palette (#AAEAFF, #00A8D5, #007BA7, #00537F, #2D3068)
• Muted Periwinkle Grove color palette (#FCF2F6, #B2E3FF, #4F9CFF, #008285, #363B67)

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