Hushed Pine color palette — #E9FBEA · #95A358 · #2C7345 · #474769 · #223B33
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FBEA): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#95A358): A luminous, balanced green — the color of fresh herbs.
- Pine (#2C7345): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#474769): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#223B33): 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
- Teal Balcony color palette (#E9F9F4, #66AC8C, #147073, #534265, #153C3E)
- Dusty Moss color palette (#E8FBEA, #9CAE41, #207C44, #674B17, #383F15)
- Misty Moss color palette (#DAF7E7, #ACA024, #5D5EB5, #605800, #2F305A)
- Moss Dune color palette (#D4ECDB, #77994D, #006545, #4A3C10, #003129)
- Muted Quarry color palette (#F8F1E4, #A6A36B, #636A36, #5F3D24, #241B00)
- Wandering Driftwood color palette (#E8FBEE, #BAB788, #7F8652, #7F5A3F, #153E2D)
- Amethyst Summit color palette (#C8F0D8, #8E7900, #7E51B5, #67498D, #0F3321)
- Hushed Olive Station color palette (#DBE9DF, #628811, #005235, #3A2443, #131F00)
Browse the whole catalog at Explore, or see today's palette.