Cobalt Coast color palette — #F8F3F9 · #E5D5D7 · #D3B7B7 · #5683B5 · #403740

Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#E5D5D7): a clean, paper-quiet neutral.
• Stone (#D3B7B7): A luminous, dusty red — the color of a theater curtain.
• Cerulean (#5683B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#403740): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Periwinkle Loft color palette (#F0F6FC, #DBD7E4, #C4BBC8, #75A4D2, #313C47)
• Hushed Orchard color palette (#EEF8F5, #E6D7D8, #C1AEB1, #3D688B, #2F3E3A)
• Softworn Lagoon color palette (#FFF1F7, #F5D4DC, #D8AFCD, #825DCC, #422A36)
• Washed Ash color palette (#FAF3F5, #E1D8D5, #A4B2A3, #A690BD, #575053)
• Softworn Denim Thicket color palette (#EEE5ED, #CDBFC8, #C396A7, #345CAE, #281A27)
• Antique Indigo Grove color palette (#EFDDE8, #6E6BEE, #48365C, #2C1C26, #120A12)
• Timeworn Drift color palette (#FCDBF6, #C3B3E7, #A67EA3, #7F693B, #4D4400)
• Olive Loft color palette (#FCF4E6, #B3B98B, #678E44, #3F6E5D, #37352F)

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