Quiet Pine color palette — #F2D9D0 · #008754 · #005464 · #550025 · #000F0C

A conversation between Fern and Mulberry, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F2D9D0): A whisper-light, dusty orange — the color of autumn markets.
• Fern (#008754): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005464): A full-bodied, dusty blue — the color of deep harbor water.
• Mulberry (#550025): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#000F0C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Frosted Olive color palette (#F2E5DB, #5E7F00, #00574F, #4D0047, #001002)
• Hazy Denim color palette (#FFDED5, #00837F, #004D84, #540D00, #000E12)
• Dusty Quarry color palette (#D9E5DC, #008B66, #004C54, #34002C, #000201)
• Deep Station color palette (#FFE8E2, #006B1E, #003644, #350011, #000F0A)
• Washed Terrace color palette (#EBF0DF, #007A44, #2E1CB8, #4C0900, #160100)
• Emerald Ridge color palette (#E1E1CB, #009C67, #006059, #2A3F14, #00140A)
• Garnet Lagoon color palette (#FDE0F9, #669A2A, #007682, #8A0014, #000F06)
• Lagoon Quarry color palette (#CBE9D2, #009499, #21648E, #682F0F, #310F00)

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