Quiet Pine color palette — #E3F7F0 · #90B477 · #397D37 · #00575B · #122700

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

The five colors

• Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#90B477): A luminous, balanced green — the color of new leaves after rain.
• Olive (#397D37): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00575B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#122700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Ancient Cypress Atelier color palette (#E4F6F3, #77ABA8, #277555, #054F5F, #002221)
• Muted Olive Courtyard color palette (#FFF3E2, #A6AA4D, #347D00, #4C497D, #3C3B34)
• Garnet Corridor color palette (#D5EBDC, #A09834, #5A6100, #760923, #191700)
• Pale Emerald color palette (#F9F6E2, #A3CA76, #409F19, #167878, #3B3B34)
• Antique Driftwood Meadow color palette (#ECF4F0, #ADCBC0, #798A62, #72586C, #20362F)
• Timeworn Cerulean Delta color palette (#E8F5F2, #9EDDDD, #00949F, #006358, #002B32)
• Aged Lagoon Workshop color palette (#DBF7F5, #42886C, #005041, #002E41, #000B05)
• Frosted Moss Loft color palette (#E9FBEA, #DFDD98, #74A151, #5F60AE, #323001)

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