Midnight Plum

Export tokens

:root {
  --text: #140B1E;
  --secondary: #2E1A3E;
  --accent: #4E2A64;
  --primary: #7A46A1;
  --surface: #B983FF;
}

$midnight-plum-text: #140B1E;
$midnight-plum-secondary: #2E1A3E;
$midnight-plum-accent: #4E2A64;
$midnight-plum-primary: #7A46A1;
$midnight-plum-surface: #B983FF;

// tailwind.config.js — theme.extend.colors
colors: {
  'midnight-plum': {
    'text': '#140B1E',
    'secondary': '#2E1A3E',
    'accent': '#4E2A64',
    'primary': '#7A46A1',
    'surface': '#B983FF',
  },
}

{
    "midnight-plum": {
        "text": {
            "value": "#140B1E",
            "type": "color"
        },
        "secondary": {
            "value": "#2E1A3E",
            "type": "color"
        },
        "accent": {
            "value": "#4E2A64",
            "type": "color"
        },
        "primary": {
            "value": "#7A46A1",
            "type": "color"
        },
        "surface": {
            "value": "#B983FF",
            "type": "color"
        }
    }
}

{
    "text": "#140B1E",
    "secondary": "#2E1A3E",
    "accent": "#4E2A64",
    "primary": "#7A46A1",
    "surface": "#B983FF"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#140B1E
#2E1A3E
#4E2A64
#7A46A1
#B983FF

How the roles work