Weathered Pine color palette — #EFF7F6 · #D1DBE0 · #A1B8BD · #307442 · #2A3F3E
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Silver (#D1DBE0): a clean, paper-quiet neutral.
- Ash (#A1B8BD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#307442): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#2A3F3E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Lagoon Boulevard color palette (#F5F6EE, #D0DDD7, #A7C6C3, #628E5B, #3B3E00)
- Hushed Chapel color palette (#F0F6FA, #D7D9E5, #AEBDD6, #007597, #2D4351)
- Cypress Lantern color palette (#E8FAF5, #7AA886, #00745A, #3A5423, #093E3C)
- Abyss Harbor color palette (#E8F1F1, #ABBDBF, #79939C, #005235, #022525)
- Spruce Harbor color palette (#E4F0F6, #8E9CA7, #617287, #00313B, #000B12)
- Denim Harbor color palette (#E8F0F5, #C4CDD8, #95A0BA, #005B85, #1F303D)
- Worn Parlor color palette (#CBECEE, #88A7AF, #4A7B90, #723F60, #653837)
- Teal Cabin color palette (#DEFCFF, #8BD183, #00C6A6, #007E95, #003A36)
Browse the whole catalog at Explore, or see today's palette.