Washed Pine Terrace color palette — #E1F8EF · #8FA983 · #30744A · #643A26 · #00221D

Pine and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E1F8EF): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8FA983): A luminous, dusty green — the color of fresh herbs.
• Pine (#30744A): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#643A26): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Washed Pine Terrace 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

• Worn Cypress color palette (#E5F6F4, #79AD98, #00746C, #354E37, #002123)
• Aged Coast color palette (#E4F6F3, #91BDBC, #3C8473, #6C4A55, #032E2E)
• Moss Villa color palette (#D1EDD9, #9A9B2A, #466700, #4D3C00, #171700)
• Ancient Garnet color palette (#F9F5E7, #97A078, #1A7169, #683859, #1B3E25)
• Patina Summit color palette (#F8F6E7, #B6B891, #449362, #8C5236, #36362F)
• Patina Atelier color palette (#DAFAD2, #84B879, #317527, #023C08, #020F00)
• Antique Violet color palette (#D8EFE8, #7E9E4B, #9064B8, #436000, #270C3B)
• Olive Boulevard color palette (#D0ECE6, #558E25, #3A70B0, #8D3E48, #091900)

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