Cobalt Coast color palette — #FFF2E9 · #64C5EE · #0070C1 · #005654 · #232D61

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sky (#64C5EE): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0070C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#232D61): A deep, shadowed, balanced violet — the color of wild irises.

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

• Antique Aqua Ridge color palette (#FFF2EC, #55CCD3, #007A97, #00583D, #003658)
• Cobalt Loft color palette (#FFEEE3, #86C5E1, #2C70C8, #005348, #190848)
• Wandering Cornflower color palette (#FFF0F8, #8DD6F7, #418BEF, #007466, #302072)
• Weathered Parlor color palette (#F7E7D9, #4EA9D9, #1555A3, #003E40, #181A41)
• Antique Sky Garden color palette (#EBFAED, #A9E3FF, #4CB3FF, #0096A1, #072F6A)
• Dusty Cerulean Hollow color palette (#FCF4EB, #BFE1FF, #7689B7, #276D77, #5B3D4E)
• Lagoon Study color palette (#EFDACF, #00A3A6, #005264, #00321E, #001625)
• Weathered Canyon color palette (#F6F3FF, #F8A7FF, #F0758E, #225DA1, #453059)

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