Softworn Magenta color palette — #FFD1D4 · #CF2BB4 · #A55D00 · #135395 · #300E13

Built around Orchid, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FFD1D4): A whisper-light, dusty red — the color of embers at dusk.
• Orchid (#CF2BB4): A full-bodied, vivid pink — the color of neon signs at night.
• Ochre (#A55D00): A full-bodied, balanced gold — the color of old brass.
• Peacock (#135395): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#300E13): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged vibrant, warm.

Use it as a design system

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

• Misty Boulevard color palette (#FFE8E8, #E348AD, #B26F00, #405E9F, #381E1F)
• Timeworn Raspberry Field color palette (#FFE1E2, #C530AA, #8A4300, #0F3881, #250515)
• Tempered Meadow color palette (#F3D7D0, #E22769, #8B6E00, #50468D, #2F0F0A)
• Weathered Harbor color palette (#F1D5E0, #9D42FF, #B54A4B, #005C71, #2E0D1D)
• Feathered Mulberry Corridor color palette (#F9D3D6, #992C8D, #465D00, #004237, #2B0D27)
• Softworn Blush Studio color palette (#FFF2EF, #EB728B, #A28E4D, #6A6997, #422D28)
• Powdered Ember color palette (#FFDCCA, #E94200, #758C16, #702492, #3D0B00)
• Misty Rose color palette (#F8DACF, #F12A3F, #875800, #394A00, #3A0032)

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