Patina Lagoon color palette — #EFD6E8 · #6A79E9 · #777B00 · #3B02E5 · #1B1D00

Built around Iris, softened by Periwinkle — the whole palette hums with nature and growth.

The five colors

• Thistle (#EFD6E8): A whisper-light, dusty pink — the color of peonies in June.
• Periwinkle (#6A79E9): A luminous, vivid violet — the color of wild irises.
• Olive Leaf (#777B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Iris (#3B02E5): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#1B1D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Wandering Dune color palette (#E6EEFF, #7882FF, #7F8000, #3A33B2, #080800)
• Nightshade Boulevard color palette (#EADDE8, #6994ED, #AD5B00, #0024BE, #2C1300)
• Tempered Garden color palette (#DEE6FC, #635AC9, #5E5D00, #37009C, #1D1C00)
• Pale Aubergine color palette (#F4DDE3, #A668C3, #7E7800, #7C00A3, #1D1C00)
• Lapis Courtyard color palette (#FDE8F4, #A4A4FF, #9D9303, #5547BB, #1E1B00)
• Muted Aubergine Station color palette (#FFE5ED, #B17BDC, #1E8C13, #630091, #032201)
• Hushed Byzantium color palette (#FAE8EF, #8D4ECE, #7C6700, #445A19, #19052D)
• Azure Garden color palette (#DDF4EB, #29A2DD, #9A4C00, #00597F, #2D1200)

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