Hushed Pine color palette — #FCF1FF · #D4808D · #36884F · #086B8C · #28263A

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

The five colors

• Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#D4808D): A luminous, balanced red — the color of a theater curtain.
• Fern (#36884F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#086B8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#28263A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Coral Boulevard color palette (#FFF0FA, #DF8C75, #728A4D, #00697D, #422D54)
• Peony Meadow color palette (#F6F3FF, #BA73AD, #7A802D, #007069, #222D42)
• Hazy Pier color palette (#FFF1F7, #CD8040, #009192, #525D99, #34273D)
• Moss Lagoon color palette (#FFF2ED, #ED9495, #A5A127, #3E89C4, #39231C)
• Bronze Canyon color palette (#FFF0F9, #AD684C, #6B5300, #004C5D, #372235)
• Bronze Loft color palette (#E8FBED, #9F7D00, #007599, #5B397F, #2D162C)
• Patina Scarlet color palette (#FFE1F7, #DF2C00, #006F5A, #004872, #2B0025)
• Driftwood Lagoon color palette (#F9F3F8, #E4D7D8, #D1BBB9, #BA7C7A, #4E444D)

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