Misty Pier color palette — #C8F0D9 · #C5B12A · #7B5DEC · #776A00 · #2E1A69

Built around Amethyst, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Honeydew (#C8F0D9): A whisper-light, dusty teal — the color of glacier melt.
• Gold (#C5B12A): A luminous, balanced green — the color of a quiet forest floor.
• Amethyst (#7B5DEC): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#776A00): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#2E1A69): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Weathered Iris Lagoon color palette (#FFF5D9, #D3C528, #8478EF, #766D00, #1E005B)
• Timeworn Orchard color palette (#BAF2E6, #7CC82A, #8E6BFE, #3B6800, #311968)
• Amethyst Atelier color palette (#F1E4C1, #928700, #7A2FFE, #575000, #32176A)
• Dusty Byzantium Villa color palette (#C9E4E4, #2EC68B, #A532D7, #00764F, #381848)
• Quiet Moss color palette (#CAEFDA, #B1A100, #009CBB, #766A00, #003440)
• Tempered Magenta Quarry color palette (#E0FDF2, #B3CE2D, #F248D1, #617100, #56264B)
• Peony Hollow color palette (#D9F5F5, #59BF8C, #D26AB6, #008756, #502243)
• Timeworn Byzantium Corridor color palette (#E8E1CA, #BC9F2C, #DB00AE, #9C00DE, #2C2300)

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