Ultramarine Pier color palette — #DFF2EF · #63A951 · #0057B4 · #1B5C00 · #00030E

A conversation between Cobalt and Kelly Green, giving this palette its sense of nature and growth.

The five colors

• Cream (#DFF2EF): A whisper-light, dusty teal — the color of glacier melt.
• Kelly Green (#63A951): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#0057B4): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Olive (#1B5C00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#00030E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Airy Moss Bloom color palette (#E0F2EC, #81A410, #00657D, #415500, #000407)
• Ancient Ultramarine Delta color palette (#DEF2F4, #00AD8E, #003BEA, #005A48, #000117)
• Patina Nightshade Pier color palette (#DBE7EA, #00A397, #5A34B2, #00524B, #01000F)
• Lapis Garden color palette (#E2F7F9, #33C1A1, #6A50CE, #006B57, #090321)
• Misty Olive color palette (#BEECE2, #418500, #004D8B, #58001D, #071200)
• Washed Clover Bloom color palette (#F1F4E3, #34CD1D, #0081B4, #1C7F0E, #00170F)
• Patina Teal Coast color palette (#D6E4D8, #00AB91, #006B6E, #003A4E, #000F30)
• Muted Lagoon Garden color palette (#F0E3EC, #00966F, #005B74, #5F0C00, #001615)

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