Ultramarine Pier color palette — #F6E4B1 · #FF8983 · #BF8C17 · #0064B9 · #471900

A conversation between Cobalt and Salmon, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#F6E4B1): A whisper-light, dusty green — the color of a quiet forest floor.
• Salmon (#FF8983): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#BF8C17): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#0064B9): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#471900): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Sunlit Hollow color palette (#FCE0B7, #FE912C, #94A017, #5944D7, #382500)
• Ember Hollow color palette (#EEE7B0, #FF7CC5, #E36000, #00769C, #4B0F1F)
• Pale Marigold Market color palette (#CDE6CD, #E79600, #6C982E, #6459A2, #2D2300)
• Lime Pier color palette (#E0FFE1, #FFAA66, #A1B119, #6862C8, #483100)
• Feathered Cobalt Study color palette (#FDD4DE, #EDAA87, #A9A160, #576EB6, #542E64)
• Worn Indigo color palette (#FFE7EF, #DFB360, #76A66B, #8162AE, #0D3927)
• Tangerine Lagoon color palette (#FFDCF1, #FF7D45, #00A08D, #00709A, #2B0061)
• Washed Courtyard color palette (#FBE1B5, #E47600, #936400, #005E23, #3E2100)

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