Washed Pine color palette — #FEF4E1 · #8FAF6E · #007D57 · #614F0C · #3B3B34

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#8FAF6E): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007D57): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#614F0C): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#3B3B34): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Dusty Pine color palette (#DBFAEC, #8BB860, #227F3E, #4E4F22, #152601)
• Teal Harbor color palette (#F8F6E4, #63B78E, #007979, #773858, #393C35)
• Olive Meadow color palette (#FFF3E8, #B7A345, #4A7900, #005D5B, #443A08)
• Dusty Mint color palette (#FBF5E1, #9FCB75, #4E995E, #6A6D3D, #3B3B34)
• Emerald Basin color palette (#E9E4D7, #699B5F, #006452, #463F00, #292B08)
• Antique Balcony color palette (#FBF4EA, #C7C39C, #578F70, #516E5D, #574E00)
• Rust Study color palette (#DEF3D1, #00957C, #BC4900, #7A5200, #003A2F)
• Soft Parlor color palette (#E5F1DE, #00BB7F, #00887D, #005A63, #00455F)

Browse the whole catalog at Explore, or see today's palette.