Hushed Pine Harbor color palette — #F0F4E2 · #7DB386 · #AA79B1 · #20773A · #351C39

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

The five colors

• Cream (#F0F4E2): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7DB386): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#AA79B1): A luminous, balanced pink — the color of a candy shop window.
• Olive (#20773A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#351C39): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Hushed Pine Harbor 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

• Hazy Dune color palette (#F8F1E0, #B0A655, #798AC6, #716600, #381B33)
• Cypress Garden color palette (#EDF5E9, #7DC3B3, #C58896, #008471, #4A251F)
• Faded Emerald Field color palette (#E5FAF8, #8BC996, #C290CB, #139947, #54345A)
• Emerald Ridge color palette (#EDF6DB, #48A270, #A0689E, #974E7C, #1B2107)
• Pine Grove color palette (#F5F7E4, #7EAE79, #BF734D, #177B12, #61351F)
• Misty Scarlet Orchard color palette (#E2F9E4, #00ADB4, #D35349, #00686C, #440103)
• Aged Lagoon color palette (#D6EBE5, #009D82, #BF00A6, #005A4A, #2C0025)
• Hushed Bronze color palette (#FDEFDF, #B9AA89, #976B2F, #723C0B, #282309)

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