Iris Ridge color palette — #DFE2D2 · #96B6FF · #728AE6 · #593952 · #1A0F17

Lavender Blue takes the lead with Sky close behind in a set that reads as creativity and balance at first glance.

The five colors

• Bone (#DFE2D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#96B6FF): A luminous, balanced violet — the color of twilight just after sunset.
• Lavender Blue (#728AE6): A luminous, balanced violet — the color of wild irises.
• Cocoa (#593952): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#1A0F17): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Clover Hollow color palette (#CCE3EC, #00D16C, #8E9FFF, #4A3043, #1C0F19)
• Worn Orchid Pier color palette (#D6EADA, #899CFF, #A04DE6, #4E2837, #100509)
• Magenta Station color palette (#DFF0E0, #9FB3FF, #DD3AE4, #563A57, #19090C)
• Sunlit Azure color palette (#E5E4BF, #76BEFF, #3397E6, #22473E, #071814)
• Faded Field color palette (#EEE4C6, #00D3C3, #4994E6, #573C5A, #170C18)
• Muted Market color palette (#C8F0EB, #A5B1FF, #E6529D, #563634, #211110)
• Patina Blush Quarry color palette (#F0EDFB, #5BC1FF, #FF8289, #673235, #2A0E05)
• Pale Grove color palette (#F2D6D8, #8BCE61, #A35C94, #63365A, #180507)

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