Washed Pine color palette — #F5F2E3 · #81AE79 · #1B764E · #563C54 · #1C1E07

Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F2E3): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#81AE79): A luminous, balanced green — the color of new leaves after rain.
• Pine (#1B764E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#563C54): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#1C1E07): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Pine Pier color palette (#F6F2E5, #95A968, #43723C, #254F44, #201D05)
• Aged Courtyard color palette (#F1F3E8, #86C3A5, #2F8578, #634D5A, #232A18)
• Wandering Emerald Field color palette (#E1E0D2, #5BA068, #00654A, #512A3E, #111400)
• Moss Veranda color palette (#F8E1BD, #A29800, #4F6500, #4A2F65, #191700)
• Worn Bloom color palette (#FBE2E2, #CF65AC, #00926B, #833169, #002317)
• Oat Pier color palette (#FCF4E8, #C4DA98, #5B9976, #825557, #2C290D)
• Pine Grove color palette (#E5E5D6, #3B8B56, #00503D, #1D254F, #060900)
• Muted Workshop color palette (#F7F1E7, #96D2E4, #1086B5, #005B5A, #002720)

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