Cobalt Coast color palette — #FFF0F9 · #64C7E4 · #0071BE · #005846 · #282A65

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#64C7E4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0071BE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005846): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#282A65): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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 color palette (#FCF1FD, #00D1D1, #007A98, #005B1C, #003360)
• Muted Petrol color palette (#F0F5DF, #6FC9E9, #007CA6, #00505A, #001C2E)
• Washed Basin color palette (#ECDCE4, #5AAAC9, #0056A5, #003F35, #1B1645)
• Gentle Cerulean color palette (#E8FAF7, #86D8F4, #0099CA, #00707D, #003753)
• Ancient Cerulean color palette (#FDF2F6, #BEE1FD, #7589B6, #2A6E6A, #414661)
• Timeworn Coral Chapel color palette (#F3F4FF, #F4BFFF, #F16F78, #00688C, #442E56)
• Sky Workshop color palette (#FEF2EB, #9FE6FF, #4BB3FF, #00998E, #162C6D)
• Dusty Lagoon color palette (#F1E5F3, #00A49E, #005264, #043304, #001529)

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