Quiet Terrace color palette — #DFE0F9 · #B971FE · #617100 · #12620A · #011701

Wisteria and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFE0F9): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#B971FE): A luminous, vivid violet — the color of a velvet chair.
• Olive (#617100): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#12620A): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#011701): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Frosted Magenta color palette (#E1DEF7, #C153DD, #3D6800, #00503F, #000A06)
• Weathered Iris color palette (#E7EDFF, #887DEE, #8B6F00, #005978, #00141F)
• Dusty Cornflower color palette (#D7E5F8, #438BFF, #996700, #634E00, #141200)
• Airy Raspberry color palette (#F2EBFF, #B72C9E, #006828, #003D4E, #000203)
• Driftwood Terrace color palette (#DAE1F8, #B790B9, #B67259, #3C7166, #003028)
• Byzantium Quarry color palette (#FFE8EE, #974FBA, #873700, #0F3E00, #00141F)
• Ancient Corridor color palette (#E2EFFA, #20A5EB, #AE3E1B, #005F50, #001611)
• Pale Summit color palette (#E1E7FF, #B3A4FF, #937F00, #007294, #002837)

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