Misty Magenta color palette — #D2E3E7 · #00B9D4 · #FB22E7 · #A88900 · #002A31

Built around Orchid, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Silver (#D2E3E7): a clean, paper-quiet neutral.
• Cyan (#00B9D4): A luminous, balanced blue — the color of deep harbor water.
• Orchid (#FB22E7): A luminous, vivid pink — the color of peonies in June.
• Mustard (#A88900): A luminous, balanced green — the color of a quiet forest floor.
• Midnight (#002A31): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vibrant.

Use it as a design system

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

• Frosted Basin color palette (#D9EDED, #00BCBC, #D15DFF, #BC7E00, #002B2B)
• Peony Delta color palette (#D7E6EE, #04B3EE, #FE46AD, #919300, #002839)
• Wandering Moss color palette (#C9F7EA, #6CBCFF, #FF789B, #81AE00, #0C3350)
• Hazy Rose Station color palette (#EFDAEF, #599FFF, #FA4D65, #469E00, #2C152D)
• Ember Lagoon color palette (#D9F3E7, #00C28D, #9388FF, #E25E00, #002C1D)
• Glacier Station color palette (#E5FBF0, #7AD5F7, #EBA4CD, #B7B172, #35473E)
• Misty Ember color palette (#F5DBF6, #84BAFF, #D85200, #807F00, #021F41)
• Fuchsia Harbor color palette (#F1E9C5, #FF85D1, #32A5EB, #0B486C, #001711)

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