Hushed Pine color palette — #F7F2E2 · #8CB580 · #007F5A · #5D3C70 · #092800

Teal and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F2E2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8CB580): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007F5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Royal Purple (#5D3C70): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#092800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, 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 Navy Loft color palette (#FCF0E1, #A8A176, #586D39, #3F3F75, #251A00)
• Aubergine Station color palette (#ECE5CF, #7CA169, #006C48, #581B72, #081B00)
• Tempered Cypress color palette (#F3F8E3, #72B390, #007C60, #005973, #393C35)
• Timeworn Lagoon color palette (#E1FDF0, #99CA8E, #009E74, #7A5A8A, #284222)
• Soft Mulberry color palette (#FFEDEC, #DA6CAE, #009885, #A00073, #002721)
• Timeworn Jade Grove color palette (#E2FBF9, #A5EBC4, #2CA986, #1A7593, #003822)
• Cobalt Thicket color palette (#FCEFE7, #ACDCC5, #0087DE, #00625E, #121E55)
• Washed Navy color palette (#EEE1D1, #837B2F, #314D00, #211C60, #090800)

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