Hushed Pine color palette — #FCF2F6 · #A292C6 · #B26979 · #307B47 · #3E2B33

Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Mauve (#A292C6): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#B26979): A luminous, balanced red — the color of embers at dusk.
• Olive (#307B47): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3E2B33): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Antique Cypress Cabin color palette (#FFF2F0, #C994A6, #B77960, #007D77, #402A28)
• Muted Canyon color palette (#F1F8EB, #A1C0ED, #AC83A4, #337E6A, #56404C)
• Muted Veranda color palette (#FFF1F6, #AFA0D1, #8F74A5, #796C25, #223731)
• Dusty Ash color palette (#FCEEF0, #B38BBB, #6B514B, #473136, #271F24)
• Worn Bronze color palette (#F1F5FF, #7775B9, #9E5600, #3E5D29, #25353E)
• Hushed Terracotta color palette (#FFF2EE, #BF606F, #A54831, #005D4C, #35131B)
• Patina Hollow color palette (#FDF2F5, #C2A3D5, #7E965D, #5B7237, #064E3F)
• Softworn Mallow Boulevard color palette (#F3F4FF, #D6B0F7, #B98E5A, #876844, #13272C)

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