Patina Ridge color palette — #D3E3FF · #7795FF · #4D40E3 · #34008E · #120036

Iris and Indigo set the tone — five colors that lean into creativity and calm.

The five colors

• Frost (#D3E3FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#7795FF): A luminous, balanced violet — the color of wild irises.
• Iris (#4D40E3): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#34008E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#120036): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Pale Field color palette (#DEE0FD, #8F80F0, #682CC9, #410070, #10001C)
• Nightshade Parlor color palette (#D5EBFF, #3B9CF7, #0061D1, #0F00A0, #080044)
• Misty Nightshade color palette (#E6EFFF, #4E6DFF, #381FC1, #2A077B, #1E0F46)
• Pale Pier color palette (#C8E8FE, #439AFF, #5E5DFF, #602BAE, #2F093B)
• Weathered Grape color palette (#F6F3FF, #B293EB, #7B43C3, #2F005F, #020007)
• Chalky Corridor color palette (#FEE7F3, #8D80E9, #DD242F, #5100C6, #180001)
• Pale Azure color palette (#DDF0F9, #00A8EF, #0068A4, #003461, #000B2C)
• Sunlit Nightshade Meadow color palette (#D4E6F2, #005FDA, #2E21BB, #2A005A, #14001C)

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