Tempered Plum color palette — #F0DEDD · #BD007C · #006D40 · #003D6C · #1B000E

Built around Magenta Rose, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F0DEDD): bright and airy, almost weightless.
• Magenta Rose (#BD007C): A full-bodied, vivid rose — the color of strawberry cream.
• Pine (#006D40): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003D6C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#1B000E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Tempered Plum 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 Hollow color palette (#EED9DB, #B100A6, #4D6500, #00444E, #190017)
• Sunlit Plum color palette (#FFE9E4, #C40058, #006678, #510088, #1D0007)
• Crimson Veranda color palette (#FDD7CA, #D40035, #005D15, #140089, #1A0027)
• Quiet Delta color palette (#FEDECF, #AE0E00, #0E5307, #002163, #100002)
• Plum Archive color palette (#FFDADD, #C00048, #685800, #460A95, #3B0B16)
• Feathered Station color palette (#F6D9FA, #F31462, #00888C, #006568, #3E0615)
• Linen Scarlet Parlor color palette (#F6EBD1, #E42F00, #644F00, #002779, #210B00)
• Navy Courtyard color palette (#F1DBCB, #A04600, #006168, #271D8A, #110500)

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