Moss Pier color palette — #F6D7DF · #589700 · #9A6500 · #100F04 · #030100

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

The five colors

• Shell Pink (#F6D7DF): A whisper-light, dusty red — the color of a theater curtain.
• Olive Leaf (#589700): A luminous, vivid green — the color of new leaves after rain.
• Ochre (#9A6500): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#100F04): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant, muted.

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 Archive color palette (#FAE5F9, #8C8700, #B74D00, #160C00, #040100)
• Hushed Lagoon Courtyard color palette (#D9F6FD, #009A78, #7B7500, #0B1208, #030200)
• Wandering Olive color palette (#E9E3D6, #776900, #003F0F, #2D2700, #020200)
• Muted Basalt color palette (#EBE8E0, #ADAA96, #71885D, #3B3A00, #181304)
• Scarlet Pier color palette (#EEE7FA, #009F8F, #DD3800, #230300, #040103)
• Lime Parlor color palette (#FFDFE1, #65C700, #C58D00, #2B2C0D, #201302)
• Wandering Bloom color palette (#F5E3FA, #007F7A, #B50043, #170501, #040000)
• Quiet Alley color palette (#D5E6FF, #00B8D4, #00B137, #002B23, #15170D)

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