Patina Ultramarine color palette — #F5F0D3 · #7A6900 · #363FCB · #423800 · #020023

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

The five colors

• Cream (#F5F0D3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#7A6900): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#363FCB): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#423800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#020023): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Chalky Coast color palette (#CFEADF, #667100, #6633B2, #363C00, #09001B)
• Denim Terrace color palette (#F6DAE4, #955900, #0059A2, #522E00, #000613)
• Frosted Bloom color palette (#E9DEC4, #907E00, #535EDE, #615500, #030022)
• Cellar Nightshade Basin color palette (#D8EEE0, #5F5000, #360DA7, #272000, #040020)
• Airy Garden color palette (#EEECD0, #615A00, #00566E, #6F004F, #020200)
• Aubergine Lagoon color palette (#DAF5F2, #239038, #740085, #004511, #0F0012)
• Tempered Mulberry color palette (#F1E4CA, #7E6900, #9B0054, #342A00, #040001)
• Lime Harbor color palette (#C8E6DB, #9DB729, #875BC1, #5B6C00, #331752)

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