Hushed Pine color palette — #FFF2EC · #BC7263 · #1A7549 · #414175 · #422C57

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Caramel (#BC7263): A luminous, balanced orange — the color of autumn markets.
• Pine (#1A7549): A full-bodied, balanced teal — the color of sea glass.
• Navy (#414175): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#422C57): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Weathered Summit color palette (#FFF2EF, #C16982, #4C6F38, #005161, #253157)
• Airy Parlor color palette (#FFF3E3, #AB8029, #00707D, #4F3C70, #492045)
• Softworn Station color palette (#E8F5F0, #889553, #197656, #004A54, #031D42)
• Dusty Station color palette (#FBF3EE, #C1E7D3, #658EB5, #00716C, #5B3B55)
• Sunlit Loft color palette (#F9F6E6, #A2AC61, #36946D, #006A77, #193861)
• Olive Veranda color palette (#F8F2DD, #7A7D06, #005A82, #681534, #431A00)
• Weathered Navy Quarry color palette (#F8E5CA, #8D6700, #00546A, #001793, #440033)
• Patina Driftwood color palette (#FFF0E9, #BFA98A, #89883F, #765D69, #614545)

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