Quiet Pine color palette — #E1F8F1 · #83B96C · #00822B · #5D4914 · #002722

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

The five colors

• Ivory (#E1F8F1): A whisper-light, dusty teal — the color of sea glass.
• Jade (#83B96C): A luminous, balanced green — the color of fresh herbs.
• Olive (#00822B): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#5D4914): A full-bodied, dusty gold — the color of old brass.
• Onyx (#002722): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Olive Villa color palette (#E5F8EA, #B4AA61, #6E7100, #5E4900, #262100)
• Hushed Pier color palette (#D1ECE3, #65A941, #006F21, #334600, #081B00)
• Aged Jade Canyon color palette (#FCF6DB, #70B865, #007C5C, #6F4148, #3A3B34)
• Softworn Emerald Drift color palette (#F9F7DC, #98CC82, #509A58, #6D6861, #2A421F)
• Hushed Emerald Delta color palette (#CBF0CE, #009E38, #008397, #7F5A00, #001F05)
• Antique Scarlet color palette (#D2FDF2, #77AB2E, #EF2206, #436800, #440300)
• Sunlit Seafoam Coast color palette (#D1FCF7, #A4ECE3, #4BDBBE, #5C8327, #0E3318)
• Lagoon Balcony color palette (#EBF4F2, #A5CDC8, #5D9071, #456A63, #203633)

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