Hushed Pine color palette — #F9F5E5 · #8BAE75 · #007338 · #0E3C6E · #080800

Pine takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F5E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8BAE75): A luminous, balanced green — the color of fresh herbs.
• Pine (#007338): A full-bodied, balanced teal — the color of sea glass.
• Navy (#0E3C6E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Dusty Alley color palette (#F4F9DE, #4FB891, #006F65, #393368, #040900)
• Ancient Mustard color palette (#FFF3E2, #B1A43C, #586800, #004354, #090800)
• Emerald Coast color palette (#E2E3CE, #34A66A, #005B4A, #1F1F63, #000201)
• Ancient Pine Veranda color palette (#FAF5E2, #A6C789, #1C8D41, #6D3D68, #1B1900)
• Muted Olive color palette (#E4F5EA, #6A8338, #005225, #301E4D, #050900)
• Dusty Forest Study color palette (#D0E4DF, #588855, #005329, #00353C, #022203)
• Antique Cerulean Garden color palette (#FAF4EB, #84DBEC, #0087AC, #00524C, #000E1B)
• Powdered Alley color palette (#F3F9DE, #50E0B0, #009286, #55499B, #002519)

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