Weathered Pine color palette — #EFF7F6 · #CEDCE2 · #95BCBF · #2E743E · #2E3E3D
Built around Olive, softened by Ash — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Silver (#CEDCE2): a clean, paper-quiet neutral.
- Ash (#95BCBF): A luminous, dusty blue — the color of open sky before noon.
- Olive (#2E743E): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#2E3E3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Cypress Boulevard color palette (#EAF8FC, #BAD8E4, #6DB3C3, #006866, #1B383E)
- Aged Lagoon color palette (#F5F6EE, #D0DDD5, #AFC3BE, #678C5F, #3A3B33)
- Ancient Pine color palette (#E9F9F6, #7BA87E, #007645, #3A532C, #183C39)
- Softworn Lantern color palette (#DAE8EB, #93AFB6, #4D8B91, #00413A, #00181C)
- Washed Bloom color palette (#BBE9F1, #72B7BD, #3A8295, #465170, #45334F)
- Charred Veranda color palette (#CCE4E7, #00745E, #002C33, #01171A, #000508)
- Faded Atelier color palette (#E5FAFB, #84DB91, #00C08D, #008A82, #003F32)
- Frosted Emerald Bloom color palette (#DAF6ED, #049E6D, #006960, #194072, #00383C)
Browse the whole catalog at Explore, or see today's palette.