Cottagecore

Export tokens

:root {
  --secondary: #7C9070;
  --accent: #A3B18A;
  --surface: #DAD7CD;
  --primary: #E9C46A;
  --text: #BC6C25;
}

$cottagecore-secondary: #7C9070;
$cottagecore-accent: #A3B18A;
$cottagecore-surface: #DAD7CD;
$cottagecore-primary: #E9C46A;
$cottagecore-text: #BC6C25;

// tailwind.config.js — theme.extend.colors
colors: {
  'cottagecore': {
    'secondary': '#7C9070',
    'accent': '#A3B18A',
    'surface': '#DAD7CD',
    'primary': '#E9C46A',
    'text': '#BC6C25',
  },
}

{
    "cottagecore": {
        "secondary": {
            "value": "#7C9070",
            "type": "color"
        },
        "accent": {
            "value": "#A3B18A",
            "type": "color"
        },
        "surface": {
            "value": "#DAD7CD",
            "type": "color"
        },
        "primary": {
            "value": "#E9C46A",
            "type": "color"
        },
        "text": {
            "value": "#BC6C25",
            "type": "color"
        }
    }
}

{
    "secondary": "#7C9070",
    "accent": "#A3B18A",
    "surface": "#DAD7CD",
    "primary": "#E9C46A",
    "text": "#BC6C25"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#7C9070
#A3B18A
#DAD7CD
#E9C46A
#BC6C25

How the roles work