Washed Pine color palette — #F7F8DA · #B0D1A9 · #6EAE78 · #368756 · #4F524B
Built around Fern, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Custard (#F7F8DA): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B0D1A9): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#6EAE78): A luminous, balanced green — the color of fresh herbs.
- Fern (#368756): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#4F524B): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Tempered Terrace color palette (#FEF5D7, #A7BB7C, #4B9459, #2A6F50, #39574B)
- Cypress Hollow color palette (#EEFBDE, #C8DAB2, #6CB195, #007A5B, #0F4331)
- Hushed Villa color palette (#EAFCE1, #91D6CD, #40AEAC, #008B91, #365940)
- Wandering Olive color palette (#FFF3E2, #D8C99A, #B0A25A, #817C1F, #55534B)
- Softworn Celadon Study color palette (#CDFEE8, #C4E394, #8CCB97, #68A28B, #34565B)
- Amber Balcony color palette (#F1F9E3, #89C09E, #56B2D2, #A99042, #41433C)
- Wandering Grove color palette (#D0F6F0, #009E9E, #007074, #004D56, #00242C)
- Hushed Pine color palette (#CFE9CC, #007B39, #005C37, #002E1F, #000F09)
Browse the whole catalog at Explore, or see today's palette.