Hushed Pine color palette — #FFF1F2 · #C18EB8 · #B8764F · #297B4C · #442E3B
A conversation between Pine and Caramel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Mauve (#C18EB8): A luminous, balanced pink — the color of peonies in June.
- Caramel (#B8764F): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#297B4C): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#442E3B): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Muted Parlor color palette (#FFF1F2, #CA96C2, #B17374, #586D23, #1D3731)
- Aged Cypress color palette (#FFF2ED, #C58B86, #9D8850, #007F7F, #412B31)
- Antique Cypress Study color palette (#FAF5E5, #DBAFC5, #B28299, #0B816E, #5B3E47)
- Timeworn Mallow Hollow color palette (#FFF1F7, #C6AFFF, #CF8C92, #508F9E, #3D2F3C)
- Misty Peony color palette (#FFF1F2, #D45BB5, #996400, #006457, #311941)
- Worn Villa color palette (#FBEEEF, #C285AE, #6B5149, #463233, #281E21)
- Hushed Garden color palette (#F3F4FF, #CCB1FF, #929F5E, #457464, #11262D)
- Sunlit Ember color palette (#FFF2EC, #D2685C, #7D6300, #005E61, #28102C)
Browse the whole catalog at Explore, or see today's palette.