Balletcore

Export tokens

:root {
  --surface: #F6E6EA;
  --secondary: #EBCAD4;
  --accent: #D9A7B6;
  --primary: #B87F92;
  --text: #8A5A6C;
}

$balletcore-surface: #F6E6EA;
$balletcore-secondary: #EBCAD4;
$balletcore-accent: #D9A7B6;
$balletcore-primary: #B87F92;
$balletcore-text: #8A5A6C;

// tailwind.config.js — theme.extend.colors
colors: {
  'balletcore': {
    'surface': '#F6E6EA',
    'secondary': '#EBCAD4',
    'accent': '#D9A7B6',
    'primary': '#B87F92',
    'text': '#8A5A6C',
  },
}

{
    "balletcore": {
        "surface": {
            "value": "#F6E6EA",
            "type": "color"
        },
        "secondary": {
            "value": "#EBCAD4",
            "type": "color"
        },
        "accent": {
            "value": "#D9A7B6",
            "type": "color"
        },
        "primary": {
            "value": "#B87F92",
            "type": "color"
        },
        "text": {
            "value": "#8A5A6C",
            "type": "color"
        }
    }
}

{
    "surface": "#F6E6EA",
    "secondary": "#EBCAD4",
    "accent": "#D9A7B6",
    "primary": "#B87F92",
    "text": "#8A5A6C"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#F6E6EA
#EBCAD4
#D9A7B6
#B87F92
#8A5A6C

How the roles work