Quiet Pine color palette — #F9F1DD · #8EB66E · #00804F · #09575D · #152604

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F1DD): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#8EB66E): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00804F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#09575D): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#152604): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Teal Lantern color palette (#F4F4DC, #67BC90, #007C72, #3E5427, #1C2408)
• Chalky Pine Courtyard color palette (#E3FDE9, #93AF64, #007D51, #005A6F, #31410E)
• Hushed Pier color palette (#FDF0DD, #B0AD48, #447C00, #454676, #291F01)
• Timeworn Emerald color palette (#E8E5D8, #55A254, #00644D, #00404D, #121400)
• Chalky Celadon color palette (#D9FFF6, #9DF197, #41A967, #427765, #003732)
• Timeworn Courtyard color palette (#F5F2E6, #AECEA5, #738D4D, #6F5B61, #31322B)
• Faded Dune color palette (#FEEEE7, #68E5F2, #0090B8, #00654B, #002645)
• Inked Forest color palette (#EAE6CC, #006B27, #003228, #240229, #010100)

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