Hushed Pine color palette — #F3F3E7 · #9FBD98 · #408750 · #455F1F · #282912

Built around Fern, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F3E7): a clean, paper-quiet neutral.
• Sage (#9FBD98): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#408750): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#455F1F): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#282912): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, 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

• Hushed Pine color palette (#F2F4E2, #7FAD86, #13774C, #2B503A, #1B1E09)
• Softworn Lagoon color palette (#F0F3EB, #B9CAAC, #4D9186, #526855, #2C3426)
• Shadow Cabin color palette (#E1E3CE, #357848, #004129, #00251E, #000401)
• Muted Garden color palette (#FEECF6, #E6D1D0, #DBB0F5, #6E7EA7, #3F2A36)
• Feathered Raspberry Study color palette (#FFEBF6, #8580DB, #C1518B, #007790, #2A1723)
• Cobalt Lantern color palette (#CFE9FF, #72ABEC, #3B76D4, #2E4989, #43243C)
• Softworn Rose color palette (#FDECF8, #8E9FE7, #D2657C, #4E5CAF, #411821)
• Indigo Delta color palette (#FFEBF8, #AEB8F7, #686BCA, #343674, #111335)

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