Ultramarine Pier color palette — #F9EFD9 · #7D6A00 · #004FAD · #332B00 · #000105

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

The five colors

• Cream (#F9EFD9): A whisper-light, dusty gold — the color of old brass.
• Walnut (#7D6A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#004FAD): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#332B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Antique Dune color palette (#FBE5D1, #9C5700, #005C81, #422200, #000103)
• Misty Nightshade color palette (#DEF4E2, #674D00, #3A00AA, #2B1E00, #050020)
• Airy Courtyard color palette (#F4F1DD, #677300, #800F9D, #292F00, #030004)
• Charred Fern Meadow color palette (#F4ECD4, #554E00, #004448, #221F00, #000202)
• Chalky Harbor color palette (#EFE2ED, #7863FF, #717A00, #070D07, #020100)
• Bronze Terrace color palette (#DEF5E7, #927E00, #008280, #625400, #000807)
• Dusty Olive color palette (#FCE8C9, #777733, #4C3900, #1F0D00, #010200)
• Linen Boulevard color palette (#F0F1CE, #6EB645, #9144B5, #2A5B00, #100019)

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