Cobalt Coast color palette — #F7EEF8 · #8EB6EA · #61AF87 · #4173B2 · #30322B

A conversation between Slate and Jade, giving this palette its sense of nature and growth.

The five colors

• Blush (#F7EEF8): bright and airy, almost weightless.
• Sky (#8EB6EA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#61AF87): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4173B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#30322B): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

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

• Ancient Harbor color palette (#FBEEF3, #BCA8DF, #1FB0BC, #7A659D, #1F3825)
• Hushed Drift color palette (#E5F7EF, #85BBD9, #C284BA, #357A9C, #47252A)
• Weathered Moss color palette (#EAF5EB, #73C3C6, #AA9F39, #168186, #33312A)
• Softworn Powder color palette (#EFF6FF, #92AFEC, #B7915F, #5871A7, #3E543D)
• Timeworn Coral Market color palette (#F9EEF4, #ACACE9, #D28382, #6C6AA4, #372F2C)
• Antique Driftwood Bloom color palette (#FAEEF6, #E8D2D3, #B6AB94, #997996, #463840)
• Cerulean Meadow color palette (#EFF6FF, #A5C5FF, #DD9CAF, #6E8CC4, #58455F)
• Honey Loft color palette (#FAF2FA, #DADAF6, #DFCC7D, #719DD3, #49463F)

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