Ultramarine Canyon color palette — #E9F5F4 · #76B084 · #2162BA · #00672F · #000615

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

The five colors

• Ivory (#E9F5F4): bright and airy, almost weightless.
• Jade (#76B084): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#2162BA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00672F): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000615): 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 Canyon 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

• Wandering Villa color palette (#EAF4F5, #76C5AF, #6170B0, #007660, #060D1F)
• Ancient Thicket color palette (#EAF8FA, #39AF99, #00697E, #005D4F, #071B24)
• Wandering Thicket color palette (#EBF4EF, #A7A366, #00746E, #5D5700, #00080B)
• Misty Grape Basin color palette (#D9F3FA, #00AAA8, #8700B4, #005857, #08000E)
• Muted Workshop color palette (#FCE0EF, #3B9D87, #006389, #602300, #001D1E)
• Pale Onyx color palette (#DAF5E5, #43B6A7, #007987, #00415E, #020052)
• Plum Veranda color palette (#E6F4FD, #24B7E7, #B60A91, #006582, #180010)
• Navy Boulevard color palette (#E3F4F4, #008F60, #003D93, #00412A, #000106)

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