Timeworn Pier color palette — #F8F0E8 · #BDB585 · #687F3F · #654C5E · #2F2610

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

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Sage (#BDB585): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#687F3F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#654C5E): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#2F2610): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Timeworn 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

• Tempered Lagoon color palette (#F4F2EB, #C6C69E, #569270, #725962, #31322B)
• Muted Olive color palette (#FBF0E3, #A8A365, #4F7126, #5D394E, #231B04)
• Wandering Delta color palette (#F9F5EA, #ADB67A, #6A7A50, #4F5F48, #4E4200)
• Timeworn Coast color palette (#FEEDF1, #BD8FD0, #8D9600, #7F4C93, #2F2702)
• Washed Taupe Field color palette (#ECF9F2, #E1ECB8, #8FA86E, #4B8089, #233F36)
• Oat Atelier color palette (#FFECF1, #E4D3CB, #EFBD92, #7A83B0, #442A2E)
• Iris Lagoon color palette (#F6F1EB, #C0E6DA, #6C8BD4, #006B76, #3E2132)
• Lowlit Olive Thicket color palette (#EEDDC6, #6D6C00, #1C4100, #1C0E4E, #030300)

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