Quiet Pine color palette — #F8D2E0 · #C497FF · #9A7800 · #078B3C · #2E0D1C

Kelly Green takes the lead with Wisteria close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F8D2E0): A whisper-light, dusty rose — the color of pressed rose petals.
• Wisteria (#C497FF): A luminous, balanced violet — the color of wild irises.
• Ochre (#9A7800): A full-bodied, balanced gold — the color of honey in a jar.
• Kelly Green (#078B3C): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#2E0D1C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Wisteria Basin color palette (#FBDDE4, #BF7AE4, #928200, #007B61, #00122B)
• Muted Bronze color palette (#F0D5E9, #94ACFF, #B96400, #658000, #10173A)
• Dusty Boulevard color palette (#FFE7ED, #CC90E9, #AFA248, #009974, #3A1B25)
• Quiet Blush Orchard color palette (#F5D6D3, #FF7EBE, #548F39, #00848D, #2F0B1E)
• Quiet Fuchsia Bloom color palette (#F3DAB4, #E583CB, #C6676C, #1B7A35, #3B1427)
• Faded Orchid Harbor color palette (#F7D2E0, #A871EF, #526B00, #005A32, #211134)
• Airy Harbor color palette (#F9D8D8, #E476B8, #A97B00, #007264, #170C58)
• Peony Lantern color palette (#F6D9D8, #EB39AA, #416B00, #006164, #0E0007)

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