Cobalt Coast color palette — #F1EBE0 · #8ABEB0 · #4872C1 · #00566B · #16144E

A conversation between Sapphire and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1EBE0): bright and airy, almost weightless.
• Mint Leaf (#8ABEB0): A luminous, dusty teal — the color of sea glass.
• Sapphire (#4872C1): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00566B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#16144E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Washed Petrol Meadow color palette (#EAE1D3, #80BCCB, #007FA9, #005956, #00213A)
• Cobalt Orchard color palette (#E9FBEC, #A0D1FF, #4B77CB, #004E62, #080231)
• Cerulean Courtyard color palette (#F5EDE2, #B0CDB5, #0095B4, #006D5E, #003248)
• Softworn Ultramarine color palette (#EADED1, #79A4C8, #3B40C2, #003E3F, #27143D)
• Tempered Iris Thicket color palette (#E5F3E3, #84C7FD, #7289EF, #007D7E, #26123F)
• Hushed Thicket color palette (#E3F4EA, #00A482, #00736B, #004747, #002127)
• Aged Periwinkle Dune color palette (#DDF3DD, #74D0EC, #5DA8F5, #007F67, #002F36)
• Linen Field color palette (#FAF4EB, #A5EAE7, #00AFC2, #008665, #00475A)

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