Cobalt Coast color palette — #FFF2EA · #51C7EF · #0073B7 · #005651 · #1E2F62

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sky (#51C7EF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0073B7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Navy (#1E2F62): 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

• Cobalt Courtyard color palette (#FCEFE7, #7AC7E5, #1B72C9, #005346, #160B48)
• Pale Aqua color palette (#FFF2EB, #00D2CE, #007B8F, #005933, #003751)
• Tempered Orchard color palette (#FDF3ED, #91D0E4, #417FA9, #006157, #4A3048)
• Wandering Cornflower color palette (#FFF0F9, #83D8F7, #2A8EEE, #007461, #2A266D)
• Tempered Navy color palette (#D4F8F4, #00ABB5, #006B87, #004A6E, #002C6C)
• Wisteria Delta color palette (#E9F8FF, #ABC7FF, #B57DF8, #006A68, #06365B)
• Denim Atelier color palette (#EADBD1, #44ABD6, #00599D, #003E3D, #121849)
• Sky Bloom color palette (#EEF8F0, #A2E5FF, #38B6FD, #00979C, #003265)

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