Softworn Olive Pier color palette — #F4F2E8 · #A9BB8E · #5B8247 · #445D42 · #2A2814

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F2E8): bright and airy, almost weightless.
• Sage (#A9BB8E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5B8247): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#445D42): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#2A2814): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Lagoon Canyon color palette (#F1F3E8, #BEC8AA, #4B9379, #4D685B, #2A3700)
• Dusty Olive color palette (#F6F2E7, #9EA66B, #566F10, #4C4441, #221C00)
• Shadow Olive color palette (#E1DFCF, #45772A, #004310, #002426, #010400)
• Timeworn Thicket color palette (#E6E7CA, #4AAD5B, #006D41, #004652, #001D05)
• Taupe Balcony color palette (#FDF4E7, #D6E5BB, #8AA973, #8C6B80, #3A3831)
• Olive Cabin color palette (#EEE8D0, #69842D, #275000, #4E1100, #090800)
• Tempered Shell color palette (#FFEDEF, #E2D3CB, #FFB7CB, #906B99, #3C2628)
• Patina Grape color palette (#FFECF2, #B890D8, #009EB7, #7A4D9B, #0B2F1C)

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