Ultramarine Pier color palette — #F2EED8 · #009D99 · #3A5CCE · #434E00 · #000E13

Cobalt takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2EED8): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#009D99): A luminous, balanced teal — the color of sea glass.
• Cobalt (#3A5CCE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#434E00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000E13): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Grape Workshop color palette (#D0E7D5, #0097BB, #7C3BCE, #005727, #000B1D)
• Washed Fern color palette (#D0F4F1, #4CA5AC, #6777AD, #585F00, #002322)
• Emerald Station color palette (#F7E0CB, #1CA257, #007295, #6B3900, #000F0C)
• Nightshade Chapel color palette (#F5E7C9, #0078B7, #4320B8, #471E00, #000A21)
• Hushed Cornflower Loft color palette (#F7EBE1, #7EB8D9, #407BF4, #006E66, #18003E)
• Frosted Dune color palette (#CCF1C4, #00CAC6, #5F83FF, #248102, #002E3B)
• Muted Raspberry color palette (#E6EECB, #7891EE, #BD3D8A, #006260, #1E033B)
• Quiet Harbor color palette (#D7E4C1, #53B5F0, #A66CC2, #00776A, #152244)

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