Quiet Iris color palette — #DCE5D1 · #FF7A84 · #6588F4 · #020328 · #000107

Periwinkle and Rose set the tone — five colors that lean into creativity and balance.

The five colors

• Celadon Mist (#DCE5D1): A whisper-light, dusty green — the color of new leaves after rain.
• Rose (#FF7A84): A luminous, vivid red — the color of embers at dusk.
• Periwinkle (#6588F4): A luminous, vivid violet — the color of a velvet chair.
• Ink (#020328): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Orchid Studio color palette (#CEE6D5, #FF814B, #A46CF4, #070521, #010008)
• Frosted Lagoon color palette (#EDE8D8, #FF6AC9, #009BD9, #070B19, #000103)
• Raspberry Station color palette (#DDF6DF, #EB0A68, #4A70FF, #030727, #0A0309)
• Chalky Mallow color palette (#E0F2DD, #FFBA90, #C8A7FF, #291144, #020012)
• Bronze Canyon color palette (#E7EFDF, #A87400, #007CA6, #060B16, #000201)
• Soft Plum Courtyard color palette (#E8DEF5, #C876D1, #A41F85, #53002A, #130001)
• Feathered Sapphire Hollow color palette (#F1E5CD, #7DB246, #2375DE, #0E2D56, #000411)
• Aubergine Boulevard color palette (#F4F4FF, #E2D4E1, #C1B5CC, #744A91, #0B0A1C)

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