Worn Pier color palette — #FFE9D3 · #A88E00 · #636100 · #293C00 · #000F02

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFE9D3): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#A88E00): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#636100): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#293C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000F02): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

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

• Powdered Amber Ridge color palette (#FFE7DE, #E27F00, #875E00, #3A3000, #080A00)
• Wandering Olive Station color palette (#EDEACD, #89A000, #237700, #003A28, #001510)
• Hushed Bronze Pier color palette (#F4E4CF, #8A7100, #4A4D00, #273600, #00220B)
• Worn Moss Thicket color palette (#F6ECCC, #868700, #2F5E00, #002B0F, #000201)
• Washed Amethyst color palette (#F5EFCD, #97AC22, #7748D5, #485400, #0A0021)
• Worn Lime Study color palette (#E3FFD5, #98BE4A, #377500, #192B00, #000200)
• Linen Terracotta color palette (#FFDEC9, #C18E5B, #984217, #5D0E1B, #070300)
• Feathered Chestnut color palette (#FEF6CE, #B5F7C4, #60CDCB, #816000, #041100)

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