Quiet Pine color palette — #D7F4F2 · #369058 · #474E8E · #5A1C00 · #1C1200

Fern and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D7F4F2): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#369058): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#474E8E): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#5A1C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1C1200): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Ancient Mulberry color palette (#D7F3FC, #008D90, #7C3770, #5A1D00, #1C1200)
• Tempered Lagoon Field color palette (#E1F7F8, #158C65, #005E71, #523300, #233100)
• Olive Meadow color palette (#DBF5E8, #828100, #005D7C, #5B0E3D, #2E0002)
• Antique Garnet color palette (#C7E5FB, #007BA9, #90002F, #4B1C00, #051200)
• Mulberry Lagoon color palette (#F3F3E0, #78A553, #3973B8, #97002E, #203200)
• Obsidian Ridge color palette (#C9E5EA, #00665D, #50076F, #2F0F00, #090200)
• Washed Olive Villa color palette (#FDEDF2, #AAA171, #586E28, #1B4F53, #012313)
• Petrol Archive color palette (#C5E7E8, #76A6B9, #577697, #5C3C4A, #3E1D2B)

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