Ultramarine Pier color palette — #F3F8E6 · #49BC73 · #1561BF · #006834 · #291429

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

The five colors

• Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#49BC73): A luminous, balanced teal — the color of sea glass.
• Cobalt (#1561BF): A full-bodied, vivid blue — the color of deep harbor water.
• Pine (#006834): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#291429): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Muted Orchard color palette (#ECFAE8, #00BAAB, #6649C3, #00645B, #2E1122)
• Tempered Dune color palette (#F6F7E7, #6DB849, #006F90, #2B6600, #002417)
• Tempered Navy Dune color palette (#E8EDE2, #00A173, #0047A8, #004E36, #190419)
• Hushed Teal Grove color palette (#E6F5F7, #32C1A5, #00788E, #006B59, #000B12)
• Tempered Coast color palette (#FFF2EB, #00A290, #006797, #7C1F02, #003E42)
• Aged Mint Coast color palette (#F0F8EA, #63D2B6, #0097A9, #008C74, #002227)
• Frosted Field color palette (#E3F8EB, #009EBE, #7B00AB, #004F60, #1D022B)
• Muted Petrol Quarry color palette (#EFF7F3, #8ECAE5, #A46783, #13779A, #372A29)

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