Ultramarine Coast color palette — #FCEBDD · #84BFE2 · #3861BC · #003E3A · #030010

Cobalt and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FCEBDD): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#84BFE2): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#3861BC): A full-bodied, balanced violet — the color of wild irises.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030010): A deep, shadowed, dusty 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 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

• Tempered Petrol color palette (#FBEAE4, #6CC7CF, #007197, #004121, #00020C)
• Patina Balcony color palette (#F0E9DD, #3E93C0, #004B84, #002B31, #00001F)
• Hushed Forest color palette (#FFF2EE, #9ED9D4, #0088A3, #0D5609, #000D1D)
• Muted Nightshade color palette (#F4E6EC, #4B99C1, #0037B5, #00302C, #18003E)
• Tempered Cornflower color palette (#D8E7DB, #88B7D3, #0085E5, #006B78, #010843)
• Plum Market color palette (#E5F2DF, #00937E, #BA0762, #00473C, #040001)
• Aged Iris color palette (#E4F6D1, #64E4FC, #8C90F2, #456700, #000304)
• Aged Terrace color palette (#6FFAFD, #00AA9C, #005A5E, #001615, #000202)

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