Ultramarine Coast color palette — #F2DCEC · #B09400 · #303CD4 · #141E60 · #050004

Cobalt and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2DCEC): A whisper-light, dusty pink — the color of a candy shop window.
• Mustard (#B09400): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#303CD4): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#141E60): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged luxury, dark, vibrant.

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

• Ultramarine Villa color palette (#F6E8F6, #CF8200, #0054AF, #002656, #050005)
• Chalky Pier color palette (#F8E1EC, #54AF32, #680FCF, #2D1954, #060002)
• Sunlit Aubergine color palette (#F4DDE7, #589A45, #542997, #1C003E, #060002)
• Hushed Coral color palette (#CFE7DC, #E66C57, #006085, #002C40, #000201)
• Muted Corridor color palette (#F8DBEE, #BACC00, #6568F6, #3F4390, #1E0417)
• Violet Workshop color palette (#E9DFE2, #BEACA4, #AF927C, #8654BE, #1D0F15)
• Softworn Nightshade Workshop color palette (#DCE4F5, #D34D6C, #261D91, #08003C, #000010)
• Misty Violet Corridor color palette (#ECD8DD, #A3C767, #9959B5, #583B65, #18040A)

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