Hushed Pine color palette — #E8F9F7 · #C4E5EC · #93C7DC · #2A8D44 · #213836

A conversation between Fern and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8F9F7): bright and airy, almost weightless.
• Silver (#C4E5EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#93C7DC): A luminous, dusty blue — the color of deep harbor water.
• Fern (#2A8D44): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#213836): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Emerald color palette (#F3F7E9, #CCE3D9, #C6BCD3, #009754, #212807)
• Dusty Courtyard color palette (#EDF9F2, #BDE9E1, #9EC6CC, #867900, #28372F)
• Lagoon Thicket color palette (#E9F8FD, #C4E3FA, #ADBEDF, #00898B, #163841)
• Wandering Forest Coast color palette (#F3F7EC, #CDD6C7, #97AF8F, #006C47, #2A3900)
• Antique Lagoon color palette (#DDF2F7, #008A7E, #003E55, #001F24, #000A09)
• Washed Workshop color palette (#D8E4EB, #B8C6D6, #9EA3BA, #006C81, #0C222C)
• Mint Grove color palette (#C8F7E8, #43C68A, #008988, #536228, #003821)
• Hushed Ash color palette (#EEF6FC, #DADAE4, #C7BDCF, #6E95AD, #3E4950)

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