Ultramarine Pier color palette — #DAE8E7 · #35A65D · #3137CE · #005627 · #00010E

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

The five colors

• Frost (#DAE8E7): a clean, paper-quiet neutral.
• Kelly Green (#35A65D): A luminous, balanced teal — the color of glacier melt.
• Cobalt (#3137CE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#005627): A deep, shadowed, balanced teal — the color of sea glass.
• Black (#00010E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, 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

• Chalky Ultramarine Ridge color palette (#D7E8EC, #00A399, #2D30D9, #00524D, #00010E)
• Misty Moss Workshop color palette (#DBE8E5, #59A326, #005894, #265300, #000207)
• Ultramarine Summit color palette (#EAF4F5, #32B98E, #2F5DC1, #00654A, #020612)
• Washed Drift color palette (#D9F6F9, #007E64, #4E16A8, #421A00, #100A00)
• Muted Drift color palette (#F3E4EC, #008C7C, #00527A, #4C1B00, #001118)
• Onyx Alley color palette (#E2F2EA, #009A95, #00677B, #002F4E, #07003F)
• Patina Aubergine Ridge color palette (#DDF4FB, #007778, #500075, #003131, #010009)
• Weathered Mint color palette (#F1F8EE, #00D8C0, #00849F, #007466, #000201)

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