Weathered Pine color palette — #FFF2EC · #B16864 · #007751 · #1D4F72 · #3E2A2D
A conversation between Pine and Mocha, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Mocha (#B16864): A full-bodied, balanced orange — the color of sun-warmed clay.
- Pine (#007751): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#1D4F72): A full-bodied, dusty blue — the color of open sky before noon.
- Espresso (#3E2A2D): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Weathered 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
- Muted Olive Thicket color palette (#FFF1F2, #AA6F94, #687025, #005955, #41313C)
- Wandering Ridge color palette (#FCF3ED, #BD8B6A, #4A7F4E, #225A78, #5B363D)
- Timeworn Amber Balcony color palette (#FEEEE5, #D17559, #1E7F78, #015550, #24181F)
- Wandering Bronze color palette (#FCF4EA, #A17B3B, #00738A, #55497E, #43332F)
- Aged Terracotta Station color palette (#FFF2E9, #A74700, #00625A, #003280, #39172B)
- Coral Chapel color palette (#FBF2FC, #E47D80, #2994AB, #3B7886, #2D3541)
- Dusty Driftwood color palette (#FAF4F0, #DDDBD1, #9DB3AA, #A47564, #59514C)
- Muted Bronze color palette (#FBF0E4, #A6702A, #3F3C35, #31271C, #17150F)
Browse the whole catalog at Explore, or see today's palette.