Quiet Pine color palette — #CBF1C9 · #0F7E19 · #00627D · #593200 · #082709

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

The five colors

• Honeydew (#CBF1C9): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#0F7E19): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#00627D): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#593200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#082709): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Garnet Drift color palette (#C5F0DF, #656F00, #006666, #721300, #1E2200)
• Antique Ultramarine color palette (#B7F4E1, #007A64, #0054B1, #4A3B00, #00261E)
• Softworn Coast color palette (#CDFBFA, #007445, #004966, #392500, #111700)
• Muted Station color palette (#D2F0BF, #009183, #005E66, #29218B, #00302F)
• Aged Forest Drift color palette (#EBF8F9, #AFDCE4, #7DB0BE, #006A55, #223739)
• Quiet Aubergine Atelier color palette (#C2F1FF, #007E7E, #00507C, #390085, #092D00)
• Emerald Corridor color palette (#DAF9F8, #00A968, #006160, #005532, #00151B)
• Aubergine Courtyard color palette (#D6F2FE, #005C68, #4B1F96, #1D2F00, #001014)

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