Powdered Pine color palette — #E0FCFA · #64B381 · #B17398 · #237748 · #5D314D

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

The five colors

• Ivory (#E0FCFA): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#64B381): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#B17398): A luminous, balanced pink — the color of a candy shop window.
• Pine (#237748): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#5D314D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Powdered 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

• Lilac Station color palette (#E1FDF3, #97A95A, #A573B8, #5E6E1E, #52355D)
• Weathered Cypress Terrace color palette (#E9F9FC, #74C0B8, #C38688, #00847C, #5B445B)
• Frosted Pine color palette (#EFF5E1, #7EB28F, #C07A45, #007942, #3F1D00)
• Muted Harbor color palette (#DBFDFF, #389D7B, #9F6590, #974D6E, #1D3E40)
• Pale Emerald Atelier color palette (#E4FBF9, #8FC79D, #DC905C, #1F9850, #623512)
• Antique Rust Ridge color palette (#E8F8FF, #00A6BA, #D04F27, #006875, #6A1B00)
• Dusty Bronze color palette (#ECF9EE, #ADAA7C, #856F44, #6C492E, #22453C)
• Plum Pier color palette (#B7F3E6, #009A88, #C70D75, #005C50, #580030)

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