Strawberry Matcha

Export tokens

:root {
  --surface: #F4A6B0;
  --primary: #EC6B7E;
  --secondary: #9DBE7A;
  --accent: #6E9450;
  --text: #3E5A2E;
}

$strawberry-matcha-surface: #F4A6B0;
$strawberry-matcha-primary: #EC6B7E;
$strawberry-matcha-secondary: #9DBE7A;
$strawberry-matcha-accent: #6E9450;
$strawberry-matcha-text: #3E5A2E;

// tailwind.config.js — theme.extend.colors
colors: {
  'strawberry-matcha': {
    'surface': '#F4A6B0',
    'primary': '#EC6B7E',
    'secondary': '#9DBE7A',
    'accent': '#6E9450',
    'text': '#3E5A2E',
  },
}

{
    "strawberry-matcha": {
        "surface": {
            "value": "#F4A6B0",
            "type": "color"
        },
        "primary": {
            "value": "#EC6B7E",
            "type": "color"
        },
        "secondary": {
            "value": "#9DBE7A",
            "type": "color"
        },
        "accent": {
            "value": "#6E9450",
            "type": "color"
        },
        "text": {
            "value": "#3E5A2E",
            "type": "color"
        }
    }
}

{
    "surface": "#F4A6B0",
    "primary": "#EC6B7E",
    "secondary": "#9DBE7A",
    "accent": "#6E9450",
    "text": "#3E5A2E"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#F4A6B0
#EC6B7E
#9DBE7A
#6E9450
#3E5A2E

How the roles work