Ultramarine Workshop color palette — #E2F1FF · #0051CC · #573A00 · #3F2900 · #0A1900

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

The five colors

• Frost (#E2F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cobalt (#0051CC): A full-bodied, vivid violet — the color of wild irises.
• Cocoa (#573A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#3F2900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0A1900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged jewel, vibrant.

Use it as a design system

One click turns Ultramarine Workshop 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

• Lapis Terrace color palette (#EAF1FF, #440BEE, #374700, #242F00, #001C12)
• Antique Garnet color palette (#D8F0FF, #006C9E, #861000, #540700, #0F1A00)
• Cocoa Drift color palette (#D4EBFF, #0076AE, #842700, #003E1A, #002520)
• Antique Petrol Grove color palette (#CAF1DE, #006E90, #484400, #003516, #000707)
• Amethyst Villa color palette (#F2F5FF, #823BEC, #595600, #3F3D00, #002C30)
• Tempered Denim Studio color palette (#EFF6FF, #CCD0EE, #ABA1BC, #2855AA, #273445)
• Patina Workshop color palette (#F1EEFF, #9B00AF, #4E3E00, #392D00, #001C26)
• Linen Harbor color palette (#D5F3FF, #0092A3, #7E5E00, #314C00, #002018)

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