Ultramarine Pier color palette — #FFF1F7 · #E07704 · #0098A7 · #385AC6 · #3F1F2F

Cobalt and Tangerine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Tangerine (#E07704): A luminous, vivid gold — the color of old brass.
• Cerulean (#0098A7): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#385AC6): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#3F1F2F): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

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

• Nightshade Study color palette (#FFF1F5, #C57600, #007C8D, #5338B2, #371119)
• Feathered Lapis Field color palette (#E3FEE2, #CA8705, #0095B5, #564ECA, #1A321B)
• Rose Grove color palette (#FFF0FD, #F55858, #009C85, #006E9F, #3B2038)
• Ultramarine Garden color palette (#E0FEEC, #B39B00, #008B7A, #184CB3, #57073F)
• Frosted Harbor color palette (#FFF0F7, #B45A00, #006EA1, #004F76, #3F1F30)
• Azure Delta color palette (#FFF3E8, #FFB47D, #009EDB, #5575C8, #432105)
• Azure Atelier color palette (#E6FBEF, #AFA045, #4F94D4, #7C6099, #25382E)
• Aged Ultramarine color palette (#DEFFE5, #CBA300, #598F00, #1853BA, #3A3701)

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