Ultramarine Pier color palette — #F8E6D5 · #69A9D8 · #465DBB · #004A4A · #1B0336

Built around Cobalt, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Parchment (#F8E6D5): A whisper-light, dusty gold — the color of old brass.
• Cornflower (#69A9D8): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#465DBB): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004A4A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1B0336): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Softworn Turquoise color palette (#ECDCD4, #10B6CA, #006E9E, #004D32, #030B3D)
• Patina Drift color palette (#FAE9EF, #8BBDE4, #295AD6, #003D43, #030011)
• Softworn Studio color palette (#D4E6E5, #6495BC, #004A88, #002D3E, #001036)
• Pale Lagoon color palette (#DDE3D1, #86B6DC, #3386D6, #006889, #001134)
• Antique Cobalt Archive color palette (#F7ECE3, #96CCED, #6084D0, #006C67, #30264E)
• Hazy Fern color palette (#E0EED6, #5FC4F5, #8082D9, #3C6B0C, #001E23)
• Muted Cerulean Hollow color palette (#BCE8EC, #00A0AD, #00656E, #002C30, #000303)
• Pine Lagoon color palette (#FFF2EE, #6CE0DE, #009BBF, #007923, #00345F)

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