Ultramarine Pier color palette — #D5FFF9 · #B7C700 · #00AE9D · #0652EE · #003134

Cobalt and Lime set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D5FFF9): A whisper-light, dusty teal — the color of shallow lagoons.
• Lime (#B7C700): A luminous, vivid green — the color of new leaves after rain.
• Turquoise (#00AE9D): A luminous, balanced teal — the color of sea glass.
• Cobalt (#0652EE): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#003134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Calm, Energy, Balance. Tagged candy, vibrant, light, 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

• Hazy Mustard Coast color palette (#F2F9DD, #D2AC00, #00B17D, #0078C0, #002E2F)
• Patina Amethyst Canyon color palette (#E5F9FF, #38D21B, #00A1C2, #8716F9, #002C46)
• Soft Mint Boulevard color palette (#E5FCEC, #00EB7C, #00C0D7, #7E66E8, #00325A)
• Hazy Hollow color palette (#DDFFED, #22D49E, #009CC1, #7948C4, #012249)
• Hushed Clover color palette (#C8FFF5, #00D96E, #00B4A8, #0085A8, #001919)
• Chartreuse Alley color palette (#D6FFF8, #00EB66, #00C7B5, #0099C8, #003535)
• Muted Teal color palette (#E7EAD5, #20BDA7, #0070A6, #6C3D00, #3F3300)
• Linen Grape Terrace color palette (#D1F7E9, #00ACA3, #0283ED, #8A06A1, #0B0A38)

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