Pale Pier color palette — #FCF4E3 · #91AF64 · #007E41 · #5A427F · #3B3B34

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

The five colors

• Cream (#FCF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#91AF64): A luminous, balanced green — the color of fresh herbs.
• Olive (#007E41): A full-bodied, balanced teal — the color of glacier melt.
• Plum (#5A427F): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#3B3B34): quiet, heavy and certain.

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

Use it as a design system

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

• Linen Forest color palette (#F9EACC, #829E3E, #006D2E, #522E74, #273301)
• Worn Jade color palette (#F8F6E4, #6CB684, #007B6B, #145970, #3A3C35)
• Tempered Olive color palette (#FDF4E9, #BDAE89, #657C47, #704D63, #534000)
• Mint Grove color palette (#F6F7E3, #7CD27F, #459A67, #38737D, #254326)
• Tempered Mulberry Harbor color palette (#FFF1F1, #EA71C1, #00984D, #8A0069, #004721)
• Dusty Cobalt color palette (#FFF2EC, #98DAEB, #0089C2, #006859, #223F6B)
• Hushed Chapel color palette (#F8E7D5, #897A2C, #394D00, #2C225F, #231900)
• Jade Corridor color palette (#E3FCF2, #AFDE9F, #54BD81, #6D8AB5, #2A4221)

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