Washed Pine color palette — #F2DBD7 · #008A57 · #746300 · #090D06 · #000201

A conversation between Fern and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F2DBD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Fern (#008A57): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#746300): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#090D06): quiet, heavy and certain.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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

• Hushed Olive color palette (#F8DCD1, #009476, #7A7D00, #1A1B00, #020200)
• Wandering Olive color palette (#FDD7E6, #357700, #8E5400, #0B0902, #060002)
• Tempered Pine Cabin color palette (#F0E5D6, #00848E, #00783C, #02100E, #000202)
• Twilit Pine color palette (#D5E9D8, #00764F, #003B2E, #001511, #000305)
• Powdered Indigo Ridge color palette (#F2E5F9, #4F63FF, #886B00, #0D1005, #030100)
• Velvet Alley color palette (#DAF1E3, #745B00, #282832, #191400, #030200)
• Timeworn Spruce color palette (#D5E4E1, #8E9D9C, #527979, #0D3500, #000C0A)
• Antique Emerald color palette (#FBE7D0, #00A3C1, #009A4C, #001B17, #000908)

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