Weathered Pine color palette — #F4F6ED · #87BE95 · #3A72AC · #007338 · #2B1F2C
Built around Pine, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F6ED): bright and airy, almost weightless.
- Mint Leaf (#87BE95): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#3A72AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#007338): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#2B1F2C): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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
- Fern Field color palette (#F7F5EC, #A8B679, #007B9B, #596800, #0F2A1E)
- Petrol Bloom color palette (#E9F4F5, #7BC4B0, #008397, #007661, #041016)
- Aged Cypress color palette (#F2F7F1, #B1C8A8, #8671A7, #007F71, #3A272F)
- Hazy Grape color palette (#EFF8F0, #00B7C6, #7C41B4, #00626B, #241237)
- Timeworn Veranda color palette (#F2F7EF, #70DBBE, #00A2B2, #00967A, #1B271E)
- Cocoa Studio color palette (#FFF3E9, #5FA890, #007498, #7A3900, #2D442D)
- Chalky Navy Station color palette (#EDFCD0, #67B7AB, #008896, #005375, #1C327C)
- Washed Lagoon Ridge color palette (#F3F6F1, #D2DEDC, #AEC5C7, #008776, #444A41)
Browse the whole catalog at Explore, or see today's palette.