Quiet Pine color palette — #EDF0DB · #168A19 · #005C89 · #600051 · #030100

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

The five colors

• Cream (#EDF0DB): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#168A19): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#005C89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#600051): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#030100): a grounded near-black with real depth.

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

• Pale Ultramarine color palette (#E8EEE0, #00875A, #0050B2, #660039, #030200)
• Patina Terrace color palette (#E6DFC1, #767800, #006366, #371289, #070001)
• Aged Pier color palette (#DFF3DE, #489780, #0F7581, #543757, #240011)
• Deep Aubergine Atelier color palette (#E4E1C1, #496200, #4F007D, #350026, #060003)
• Antique Basin color palette (#CCEAD7, #008F76, #00695F, #004549, #00090B)
• Eclipse Cabin color palette (#E9F3D6, #006E41, #002823, #090F08, #010200)
• Pine Study color palette (#EDE9D9, #6C983E, #007630, #4A4B1D, #070600)
• Tempered Indigo color palette (#DAE6D7, #00A59B, #555CE9, #901948, #171100)

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