Washed Pine color palette — #F4F6F0 · #B7C89E · #976B9C · #008159 · #3A282C

Built around Teal, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Pistachio (#B7C89E): A luminous, dusty green — the color of fresh herbs.
• Slate (#976B9C): A full-bodied, balanced pink — the color of peonies in June.
• Teal (#008159): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3A282C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Washed Olive color palette (#F7F5EF, #BFC594, #527FB8, #6D7317, #352935)
• Cobalt Market color palette (#EBF3F5, #90D2CB, #5881CE, #1B827B, #101620)
• Washed Plum Meadow color palette (#EEF8F3, #80B8D0, #AA4B5E, #006988, #331E18)
• Softworn Canyon color palette (#F2F7F1, #9DE0D9, #6F9BE6, #01A199, #342A34)
• Hushed Cobalt color palette (#FDF4E8, #7DB5A7, #527AA8, #72531A, #394E3E)
• Muted Lantern color palette (#F1F7F2, #D3DCDD, #B5AEA6, #4A8E94, #4C564D)
• Byzantium Corridor color palette (#EFF8ED, #00BAB0, #8934B3, #00635E, #261331)
• Gentle Denim color palette (#EEFBD8, #A7C8A8, #598FB0, #3E5A9C, #583B75)

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