Patina Ultramarine color palette — #DDE5F4 · #370EE1 · #4E4300 · #302800 · #060829

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

The five colors

• Frost (#DDE5F4): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#370EE1): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#4E4300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Espresso (#302800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#060829): 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

• Velvet Nightshade Workshop color palette (#DBE1F2, #4000B7, #164100, #00240B, #04001B)
• Muted Denim Field color palette (#DAE9FA, #00509C, #573E00, #362500, #000D23)
• Airy Grape Pier color palette (#F0E9F9, #7000B2, #2D4E00, #193000, #140324)
• Softworn Amethyst Chapel color palette (#EFD8E2, #7D48D4, #855400, #5D3A00, #120328)
• Patina Grape Harbor color palette (#E1EDD5, #7034DD, #700047, #002C20, #200A2A)
• Sunlit Amethyst Grove color palette (#E7DFFF, #8108ED, #006B32, #004A21, #24153E)
• Sunlit Sapphire Grove color palette (#E6EEFA, #4463F7, #7B000E, #14158D, #0A0009)
• Hushed Aubergine color palette (#E4E6F0, #BAB6C7, #9887A1, #4E317B, #1C1E2E)

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