Tempered Magenta color palette — #FFDADC · #F53BCE · #447600 · #006663 · #33102A
Built around Hot Pink, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFDADC): A whisper-light, dusty red — the color of a theater curtain.
- Hot Pink (#F53BCE): A luminous, vivid pink — the color of neon signs at night.
- Olive (#447600): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006663): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#33102A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.
Use it as a design system
One click turns Tempered 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
- Quiet Dune color palette (#FFF0EF, #F325A7, #3C6C00, #00555B, #190A30)
- Washed Magenta color palette (#FFD9E1, #C539E2, #7E7C00, #006853, #2F0F36)
- Muted Rose Hollow color palette (#FFDBD3, #F31364, #008D65, #00627A, #390E18)
- Fuchsia Drift color palette (#FDD7F8, #EC61E4, #00AF93, #008E77, #370435)
- Tempered Quarry color palette (#FDD6FA, #A900A9, #00694F, #004836, #310F31)
- Antique Chapel color palette (#FFF2EE, #FF738D, #008A5B, #007190, #441D24)
- Powdered Rose Chapel color palette (#FFE0D6, #FC294B, #696F00, #00525B, #31005A)
- Weathered Rose color palette (#F7E2B7, #FF4D72, #AA5300, #005A51, #4E0D0A)
Browse the whole catalog at Explore, or see today's palette.