Hushed Pine Loft color palette — #F6F6EB · #78A97B · #007644 · #554B1F · #35362F

Pine and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Jade (#78A97B): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007644): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#554B1F): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#35362F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Quiet Fern color palette (#F1EBD7, #839E45, #396900, #444700, #273308)
• Hushed Fern Pier color palette (#FDF4E5, #A89B60, #696600, #683F29, #38352E)
• Worn Cocoa color palette (#F4F3E0, #79AF89, #1F7366, #6F3218, #1A1F08)
• Softworn Mint color palette (#F2F9E2, #A7ECD2, #58CCBD, #517B4A, #43463F)
• Lagoon Bloom color palette (#E2E7D7, #469F80, #006355, #18482F, #202E0D)
• Emerald Atelier color palette (#EEF1DD, #53A34D, #0081BE, #12690D, #083955)
• Feathered Bloom color palette (#E0E9CF, #00915C, #007898, #6D5800, #262F11)
• Wandering Chestnut Lagoon color palette (#F7F6EC, #C3C4A0, #6A8B69, #71671A, #525000)

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