Cobalt Coast color palette — #F3EEE5 · #9BCBE9 · #428AD2 · #006A78 · #17295D

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sky (#9BCBE9): A luminous, dusty blue — the color of deep harbor water.
• Azure (#428AD2): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#17295D): 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

• Cerulean Thicket color palette (#F5EDE1, #AECDB6, #0094B9, #006D62, #00324B)
• Periwinkle Chapel color palette (#FAF4EB, #BCDDD3, #7395D4, #007894, #32375D)
• Sapphire Archive color palette (#F5EDE6, #89B8D5, #3962BE, #00504B, #2F274C)
• Muted Petrol Cabin color palette (#E3DED4, #75ABBD, #006F9B, #004A4A, #00142B)
• Hushed Teal color palette (#A8F4F1, #33C2C2, #008486, #004A49, #001A1B)
• Frosted Jade Meadow color palette (#D7ECD8, #1AB37B, #00896E, #005D56, #003233)
• Washed Cerulean color palette (#F8F5EF, #CBE7EA, #C5A5C4, #3F93A8, #63495D)
• Denim Ridge color palette (#E9E2D6, #7D9C7B, #00646F, #003D2C, #000B11)

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