Moss Pier color palette — #F3EFDD · #BDC769 · #A7A6F7 · #909A22 · #312E5E

Moss and Honey set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3EFDD): A whisper-light, dusty green — the color of a quiet forest floor.
• Honey (#BDC769): A luminous, balanced green — the color of new leaves after rain.
• Lavender (#A7A6F7): A luminous, balanced violet — the color of a velvet chair.
• Moss (#909A22): A luminous, balanced green — the color of new leaves after rain.
• Navy (#312E5E): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Aged Amber Thicket color palette (#FEEBD4, #E8B566, #8AAFFC, #C08400, #22345C)
• Quiet Moss color palette (#F6F7E3, #B4D9A0, #CFADEC, #79B158, #4E3661)
• Airy Station color palette (#EBF2D9, #7CD699, #EA90B8, #37AA65, #53213A)
• Olive Boulevard color palette (#DBF6EB, #A2B154, #00A7BF, #6D7A00, #003D47)
• Iris Grove color palette (#E4E4C5, #8CC34E, #837DF4, #436B00, #190053)
• Hushed Taupe Lantern color palette (#F1E8CB, #B4CA9C, #A2A16C, #8F7547, #30312A)
• Misty Lantern color palette (#FBF5E2, #C7C46E, #EA8291, #7F7A00, #46131E)
• Timeworn Dune color palette (#EDE6C1, #C0D364, #D780C5, #917DDD, #292F04)

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