Quiet Pine color palette — #DFF1E2 · #9AB861 · #008E5A · #725600 · #263400

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFF1E2): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9AB861): A luminous, balanced green — the color of fresh herbs.
• Fern (#008E5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#725600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#263400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Feathered Villa color palette (#FFF4E1, #ABD547, #00965F, #6F5400, #182300)
• Frosted Chapel color palette (#D6F3E9, #5BC38C, #008986, #536300, #003820)
• Fern Loft color palette (#F4EBD1, #7FA025, #156D0D, #4A4400, #273307)
• Aged Lime color palette (#D6F3E4, #A8D331, #54AF4B, #827D43, #27330B)
• Tempered Fern Lantern color palette (#F5E3E9, #9B954D, #3A702B, #004F53, #1E1B00)
• Dusty Olive color palette (#FCE3F0, #CEA441, #6E8200, #006A5D, #3C2B00)
• Cypress Station color palette (#FEF1F7, #98C0A5, #738A51, #00736C, #193E28)
• Scarlet Cabin color palette (#C7EAE2, #00A38F, #EF0029, #9F5100, #002B25)

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