Ultramarine Pier color palette — #F1D7D4 · #B0006A · #273EC2 · #481D6D · #300E0D

Built around Cobalt, softened by Magenta Rose — the whole palette hums with creativity and energy.

The five colors

• Shell Pink (#F1D7D4): A whisper-light, dusty orange — the color of toasted spice.
• Magenta Rose (#B0006A): A full-bodied, vivid rose — the color of pressed rose petals.
• Cobalt (#273EC2): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#481D6D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#300E0D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Energy, Balance. Tagged vibrant.

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

• Gentle Plum color palette (#F6D5D2, #B0006A, #00605E, #5C0064, #2C1110)
• Washed Brick Quarry color palette (#F2D7CE, #B80030, #376000, #003A61, #2F1005)
• Patina Rust color palette (#FAEBE1, #B15000, #006E79, #642370, #352113)
• Garnet Canyon color palette (#E7DDCA, #785F00, #005982, #6A0033, #251800)
• Brick Veranda color palette (#F3DCD2, #BA2A2A, #005150, #58002E, #3A0101)
• Airy Navy color palette (#FDE9F1, #984E00, #006168, #0F2E79, #16000B)
• Amber Ridge color palette (#F0D9C6, #C26604, #008189, #284B9C, #291504)
• Aged Driftwood Coast color palette (#FFF2EF, #B86375, #7264AA, #7B3D4A, #442C26)

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