Washed Pine color palette — #FCF1FE · #B36775 · #318352 · #005C73 · #3C2D3E
Built around Fern, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF1FE): A whisper-light, dusty pink — the color of neon signs at night.
- Mocha (#B36775): A luminous, balanced red — the color of late-summer berries.
- Fern (#318352): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#3C2D3E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, 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
- Fern Villa color palette (#FFF0F8, #B47855, #4A6F35, #005163, #422B5B)
- Dusty Denim color palette (#FFF0F9, #B8816C, #338F89, #366192, #4A3643)
- Olive Veranda color palette (#F5F3FF, #9C6DA5, #7B740D, #00624A, #332F44)
- Dusty Lilac Studio color palette (#F1F0FF, #A36FB3, #008970, #4F497F, #1A1727)
- Nightshade Corridor color palette (#FFF1F6, #A96300, #007484, #2925C2, #412300)
- Sunlit Hollow color palette (#FFF1F1, #D47DB2, #2CA870, #4C6DAE, #432C2C)
- Gentle Boulevard color palette (#FCD8F3, #C11700, #00675D, #004164, #3D0A05)
- Gentle Studio color palette (#E1F5E5, #8D6A00, #006A90, #571D90, #152D1B)
Browse the whole catalog at Explore, or see today's palette.