Forest Cabin

Export tokens

:root {
  --text: #1B2B1B;
  --secondary: #2D4A2B;
  --accent: #5A7247;
  --primary: #8A9A5B;
  --surface: #C8B88A;
}

$forest-cabin-text: #1B2B1B;
$forest-cabin-secondary: #2D4A2B;
$forest-cabin-accent: #5A7247;
$forest-cabin-primary: #8A9A5B;
$forest-cabin-surface: #C8B88A;

// tailwind.config.js — theme.extend.colors
colors: {
  'forest-cabin': {
    'text': '#1B2B1B',
    'secondary': '#2D4A2B',
    'accent': '#5A7247',
    'primary': '#8A9A5B',
    'surface': '#C8B88A',
  },
}

{
    "forest-cabin": {
        "text": {
            "value": "#1B2B1B",
            "type": "color"
        },
        "secondary": {
            "value": "#2D4A2B",
            "type": "color"
        },
        "accent": {
            "value": "#5A7247",
            "type": "color"
        },
        "primary": {
            "value": "#8A9A5B",
            "type": "color"
        },
        "surface": {
            "value": "#C8B88A",
            "type": "color"
        }
    }
}

{
    "text": "#1B2B1B",
    "secondary": "#2D4A2B",
    "accent": "#5A7247",
    "primary": "#8A9A5B",
    "surface": "#C8B88A"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#1B2B1B
#2D4A2B
#5A7247
#8A9A5B
#C8B88A

How the roles work