Patina Iris color palette — #D3EAF4 · #8E86DF · #9C6981 · #4D5C36 · #162200

Lavender Blue and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D3EAF4): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#8E86DF): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#9C6981): A full-bodied, dusty rose — the color of pressed rose petals.
• Pine (#4D5C36): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#162200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Periwinkle Villa color palette (#D3F8FA, #5F98E2, #9B6498, #5F5B54, #281A00)
• Dusty Driftwood Basin color palette (#E3EEFF, #A66DAC, #8F5D5D, #0D502D, #131800)
• Softworn Violet color palette (#E1ECFF, #8A6FD1, #7C4A7D, #523C00, #1E2500)
• Wandering Garnet color palette (#EBE8F7, #A886C0, #774776, #5C160B, #190600)
• Softworn Ridge color palette (#D7E8F4, #BDB4FF, #CB819E, #508952, #224323)
• Wandering Blush color palette (#F2ECFF, #EA82A3, #AA7A49, #2A7681, #002D33)
• Indigo Study color palette (#F2E3D2, #78B6EC, #6776E5, #006C70, #1C0532)
• Aubergine Studio color palette (#E2F2FA, #51659F, #5B3168, #1D2600, #000C08)

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