Cobalt Coast color palette — #FBEFE7 · #ADDCC7 · #5383CA · #006358 · #241852

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

The five colors

• Cream (#FBEFE7): bright and airy, almost weightless.
• Oat (#ADDCC7): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#5383CA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006358): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#241852): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Forest Cabin color palette (#FDEEEA, #BAD9BC, #0090B8, #00672E, #00244E)
• Tempered Cobalt Thicket color palette (#F9F4ED, #9BD8F5, #0086D0, #00656D, #253F69)
• Aged Sapphire color palette (#FAF0E7, #8BC4E5, #2A65E8, #00524D, #1F004C)
• Softworn Cypress Loft color palette (#F6F1EC, #C7E4E8, #8F99C6, #007A7E, #4A2B38)
• Aged Terrace color palette (#FFF0F8, #AAE5FF, #4E9CFF, #008473, #3B3969)
• Hushed Navy color palette (#EBDED6, #5C93A8, #00498B, #002C25, #04001A)
• Gentle Alley color palette (#FFDBD5, #D74576, #008972, #006A74, #330113)
• Denim Delta color palette (#F6E5DF, #81A789, #006084, #003C21, #000629)

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