Hushed Pine color palette — #E5F6F0 · #8FA983 · #007941 · #15514B · #00221D
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E5F6F0): a clean, paper-quiet neutral.
- Sage (#8FA983): A luminous, dusty green — the color of fresh herbs.
- Pine (#007941): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#15514B): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Softworn Lagoon color palette (#DFF9F0, #7CBA78, #007F54, #304A7F, #002723)
- Softworn Cypress Terrace color palette (#FEF4E2, #8DA569, #2C7251, #345343, #36362F)
- Fern Meadow color palette (#D4ECDB, #999A40, #466700, #00445D, #171700)
- Washed Lagoon Lagoon color palette (#CFE7E2, #5F9E74, #00644F, #2D355E, #001616)
- Wandering Pine color palette (#DEF0EB, #528758, #005139, #003132, #000B01)
- Hushed Cerulean Loft color palette (#ECF4EE, #A8CEDC, #008AA5, #005D4F, #002338)
- Emerald Grove color palette (#ECF9EE, #C8D8A2, #4B9D6D, #276E7E, #0F2E26)
- Moonless Fern Studio color palette (#D6F0E4, #3E6510, #003413, #00142C, #010200)
Browse the whole catalog at Explore, or see today's palette.