Peachy Keen

Export tokens

:root {
  --surface: #FFE5D9;
  --secondary: #FFCAB1;
  --accent: #FFB088;
  --primary: #FF9770;
  --text: #F76C5E;
}

$peachy-keen-surface: #FFE5D9;
$peachy-keen-secondary: #FFCAB1;
$peachy-keen-accent: #FFB088;
$peachy-keen-primary: #FF9770;
$peachy-keen-text: #F76C5E;

// tailwind.config.js — theme.extend.colors
colors: {
  'peachy-keen': {
    'surface': '#FFE5D9',
    'secondary': '#FFCAB1',
    'accent': '#FFB088',
    'primary': '#FF9770',
    'text': '#F76C5E',
  },
}

{
    "peachy-keen": {
        "surface": {
            "value": "#FFE5D9",
            "type": "color"
        },
        "secondary": {
            "value": "#FFCAB1",
            "type": "color"
        },
        "accent": {
            "value": "#FFB088",
            "type": "color"
        },
        "primary": {
            "value": "#FF9770",
            "type": "color"
        },
        "text": {
            "value": "#F76C5E",
            "type": "color"
        }
    }
}

{
    "surface": "#FFE5D9",
    "secondary": "#FFCAB1",
    "accent": "#FFB088",
    "primary": "#FF9770",
    "text": "#F76C5E"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#FFE5D9
#FFCAB1
#FFB088
#FF9770
#F76C5E

How the roles work