Ultramarine Canyon color palette — #F3EFE2 · #9A9800 · #1736FE · #575600 · #0A0009

Built around Cobalt, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Cream (#F3EFE2): bright and airy, almost weightless.
• Moss (#9A9800): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#1736FE): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#575600): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0A0009): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, vibrant.

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

• Ultramarine Station color palette (#E9EBD9, #2A9D0D, #0330DB, #125403, #050005)
• Wandering Ultramarine Market color palette (#E5E6D6, #66A646, #005DBB, #2B6200, #09000A)
• Denim Pier color palette (#F0EADE, #B28D00, #0063AA, #655000, #000503)
• Frosted Amethyst color palette (#EEEFE2, #4CAB3F, #803AF3, #105104, #0B0005)
• Frosted Sapphire Drift color palette (#EFF5DF, #00CC6D, #0D6EF4, #007E41, #1E071E)
• Linen Aubergine color palette (#E2E2CF, #5E8C12, #6311A7, #562000, #230800)
• Feathered Aubergine Hollow color palette (#DBE5D4, #00896D, #5A00A0, #004334, #060002)
• Washed Amber color palette (#F4E9DD, #CA7F00, #007064, #744700, #010500)

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