Hushed Pine color palette — #DCE7C7 · #008853 · #00626A · #003669 · #020200

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

The five colors

• Celadon Mist (#DCE7C7): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008853): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00626A): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003669): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#020200): a grounded near-black with real depth.

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

• Navy Station color palette (#DAE7D7, #00847B, #005D82, #30227E, #010200)
• Wandering Lagoon color palette (#D4EBE1, #009179, #00695F, #004946, #000D0D)
• Wandering Olive color palette (#EAE3CE, #7B7600, #00673B, #003E45, #040100)
• Midnight Delta color palette (#F0F0DD, #406500, #003081, #37001F, #060002)
• Aged Drift color palette (#E0F6EA, #009784, #237B80, #563953, #0E0732)
• Pine Terrace color palette (#EAE7D3, #6D9840, #317326, #434E18, #070600)
• Timeworn Sapphire Grove color palette (#EBF1E2, #76A5D5, #2871D5, #00577C, #010328)
• Worn Ultramarine color palette (#D1F1E0, #008EB2, #364AE5, #611E7A, #000A05)

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