Ultramarine Coast color palette — #F3E4B2 · #FF7FB6 · #CB8517 · #0061C1 · #53010B

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

The five colors

• Peach Cream (#F3E4B2): A whisper-light, dusty green — the color of a quiet forest floor.
• Bubblegum (#FF7FB6): A luminous, vivid rose — the color of pressed rose petals.
• Mustard (#CB8517): A luminous, balanced gold — the color of old brass.
• Cobalt (#0061C1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Espresso (#53010B): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism. Tagged retro.

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

• Dusty Ultramarine Terrace color palette (#CBF0D0, #FF878F, #B29317, #354FDE, #471900)
• Tempered Fuchsia Loft color palette (#EAE8B9, #F977EA, #E06400, #0072AF, #500026)
• Feathered Amethyst color palette (#FFF1F6, #FFA599, #B6A919, #7450E4, #522904)
• Dusty Grape Summit color palette (#F8D2E1, #F18C5E, #849C27, #6544B2, #341F00)
• Worn Ember Archive color palette (#FBE2AE, #F95E40, #966200, #00585E, #461A00)
• Weathered Indigo Field color palette (#F7DAF1, #FAA8A2, #B99D3B, #7F68BB, #3F3063)
• Gentle Rose color palette (#DAEDBC, #B79EFF, #F33F6E, #007893, #3F1344)
• Iris Quarry color palette (#EBFAEC, #F5BFCE, #C8A97B, #7888C5, #53414F)

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