Softworn Pine Pier color palette — #F4F3E4 · #8BAB80 · #197834 · #4E4800 · #1D1E07

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F3E4): a clean, paper-quiet neutral.
• Sage (#8BAB80): A luminous, dusty green — the color of new leaves after rain.
• Olive (#197834): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4E4800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#1D1E07): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Softworn Pine Pier 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

• Ancient Alley color palette (#F2F4DC, #6FBC82, #007F54, #00594C, #032810)
• Antique Moss color palette (#ECE5CD, #8F9E3C, #486700, #154B1A, #141800)
• Weathered Lagoon Veranda color palette (#E5E9D8, #4AA179, #00644F, #00423F, #0D1500)
• Ancient Lagoon color palette (#FAF5E7, #B9DCAB, #3E9E76, #676639, #292A10)
• Patina Lagoon color palette (#EDEFD7, #3E8B50, #005131, #143206, #070900)
• Antique Lagoon Corridor color palette (#E4FBF4, #9DC18F, #5C8E61, #436D62, #1D3C37)
• Lagoon Basin color palette (#F2F2EC, #94D5D4, #008D95, #005D51, #022813)
• Chalky Sapphire color palette (#D4E6D8, #008C9A, #5262C9, #196E0A, #001A08)

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