Hushed Pine Harbor color palette — #F4F3E3 · #8AAB79 · #39743D · #005155 · #1E1E03

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8AAB79): A luminous, dusty green — the color of new leaves after rain.
• Olive (#39743D): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1E1E03): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Ancient Meadow color palette (#F1F4E5, #94BFA3, #1F8866, #3A5E4C, #242A15)
• Dusty Pine Dune color palette (#EBF9EF, #96A262, #3A713B, #444963, #1C3D32)
• Olive Station color palette (#F8F1E3, #A6A368, #626C00, #623A30, #231B03)
• Aged Teal Drift color palette (#DEE9D2, #00AD95, #006A64, #004269, #001B16)
• Antique Pine Garden color palette (#E7E8D1, #478A48, #00522A, #003037, #000B01)
• Washed Emerald Hollow color palette (#FCF4E8, #CED69E, #619B57, #625D86, #2D2812)
• Fern Coast color palette (#E8E1CE, #595D00, #242F00, #2E0003, #020100)
• Linen Quarry color palette (#FFE0E4, #C06EBE, #AF6900, #861C86, #2C1600)

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