Ultramarine Coast color palette — #F6ECE4 · #8DBDE1 · #235DD2 · #003D42 · #020012

Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F6ECE4): bright and airy, almost weightless.
• Sky (#8DBDE1): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#235DD2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020012): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Ultramarine 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

• Petrol Station color palette (#FBEAE3, #82C2D2, #006F9D, #003F35, #00020C)
• Washed Cerulean Thicket color palette (#FDF3ED, #90DBDD, #0088A5, #005438, #000E1B)
• Feathered Canyon color palette (#DCF1F0, #7EB7E3, #0085E6, #006889, #001134)
• Denim Pier color palette (#DEE3D5, #4F91C0, #004B84, #002938, #000412)
• Grape Chapel color palette (#EEEDD6, #6C9D2C, #6919D0, #2A4500, #020008)
• Periwinkle Courtyard color palette (#FBF4ED, #C5E3F8, #86A2F2, #007D8D, #2F274E)
• Linen Pine Hollow color palette (#FFF2EC, #B6FEFA, #00ACC7, #007744, #00283C)
• Aged Pier color palette (#F9F6D3, #81DEB0, #00AEC2, #735800, #000401)

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