Patina Ultramarine color palette — #F8E1F5 · #AD9500 · #214FB6 · #0E2456 · #050005

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

The five colors

• Blush (#F8E1F5): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#AD9500): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#214FB6): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#0E2456): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

Use it as a design system

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

• Hazy Summit color palette (#F4E8F2, #64AD00, #294DB8, #112357, #050004)
• Linen Amber color palette (#FDE8F7, #E96D00, #3A49B7, #1B2350, #050004)
• Navy Corridor color palette (#DDE7F8, #A57C00, #1C238F, #050635, #00010C)
• Tempered Emerald color palette (#F5E2F0, #00A15C, #343C94, #0C0F36, #050004)
• Dusty Courtyard color palette (#F1D9DF, #56C059, #874B99, #492B52, #090002)
• Lime Grove color palette (#F8DAF3, #B3CE00, #4976E9, #2F4A8B, #1A0818)
• Tempered Workshop color palette (#E9DAE0, #C6AA9F, #B09275, #795EB7, #200C16)
• Linen Peony color palette (#F7E0F7, #F94988, #1656A6, #002657, #050005)

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