Royal Velvet

Export tokens

:root {
  --text: #1A0B2E;
  --secondary: #3B1E5E;
  --accent: #6A3EA1;
  --surface: #B983FF;
  --primary: #FFD700;
}

$royal-velvet-text: #1A0B2E;
$royal-velvet-secondary: #3B1E5E;
$royal-velvet-accent: #6A3EA1;
$royal-velvet-surface: #B983FF;
$royal-velvet-primary: #FFD700;

// tailwind.config.js — theme.extend.colors
colors: {
  'royal-velvet': {
    'text': '#1A0B2E',
    'secondary': '#3B1E5E',
    'accent': '#6A3EA1',
    'surface': '#B983FF',
    'primary': '#FFD700',
  },
}

{
    "royal-velvet": {
        "text": {
            "value": "#1A0B2E",
            "type": "color"
        },
        "secondary": {
            "value": "#3B1E5E",
            "type": "color"
        },
        "accent": {
            "value": "#6A3EA1",
            "type": "color"
        },
        "surface": {
            "value": "#B983FF",
            "type": "color"
        },
        "primary": {
            "value": "#FFD700",
            "type": "color"
        }
    }
}

{
    "text": "#1A0B2E",
    "secondary": "#3B1E5E",
    "accent": "#6A3EA1",
    "surface": "#B983FF",
    "primary": "#FFD700"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#1A0B2E
#3B1E5E
#6A3EA1
#B983FF
#FFD700

How the roles work