Cherry Cola

Export tokens

:root {
  --text: #160A0C;
  --secondary: #3E0F16;
  --accent: #6B1420;
  --primary: #9E2B2B;
  --surface: #C86B4A;
}

$cherry-cola-text: #160A0C;
$cherry-cola-secondary: #3E0F16;
$cherry-cola-accent: #6B1420;
$cherry-cola-primary: #9E2B2B;
$cherry-cola-surface: #C86B4A;

// tailwind.config.js — theme.extend.colors
colors: {
  'cherry-cola': {
    'text': '#160A0C',
    'secondary': '#3E0F16',
    'accent': '#6B1420',
    'primary': '#9E2B2B',
    'surface': '#C86B4A',
  },
}

{
    "cherry-cola": {
        "text": {
            "value": "#160A0C",
            "type": "color"
        },
        "secondary": {
            "value": "#3E0F16",
            "type": "color"
        },
        "accent": {
            "value": "#6B1420",
            "type": "color"
        },
        "primary": {
            "value": "#9E2B2B",
            "type": "color"
        },
        "surface": {
            "value": "#C86B4A",
            "type": "color"
        }
    }
}

{
    "text": "#160A0C",
    "secondary": "#3E0F16",
    "accent": "#6B1420",
    "primary": "#9E2B2B",
    "surface": "#C86B4A"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#160A0C
#3E0F16
#6B1420
#9E2B2B
#C86B4A

How the roles work