Lava Flow

Export tokens

:root {
  --text: #1A1A1A;
  --secondary: #7A0C0C;
  --primary: #C1121F;
  --accent: #F35B04;
  --surface: #FFBA08;
}

$lava-flow-text: #1A1A1A;
$lava-flow-secondary: #7A0C0C;
$lava-flow-primary: #C1121F;
$lava-flow-accent: #F35B04;
$lava-flow-surface: #FFBA08;

// tailwind.config.js — theme.extend.colors
colors: {
  'lava-flow': {
    'text': '#1A1A1A',
    'secondary': '#7A0C0C',
    'primary': '#C1121F',
    'accent': '#F35B04',
    'surface': '#FFBA08',
  },
}

{
    "lava-flow": {
        "text": {
            "value": "#1A1A1A",
            "type": "color"
        },
        "secondary": {
            "value": "#7A0C0C",
            "type": "color"
        },
        "primary": {
            "value": "#C1121F",
            "type": "color"
        },
        "accent": {
            "value": "#F35B04",
            "type": "color"
        },
        "surface": {
            "value": "#FFBA08",
            "type": "color"
        }
    }
}

{
    "text": "#1A1A1A",
    "secondary": "#7A0C0C",
    "primary": "#C1121F",
    "accent": "#F35B04",
    "surface": "#FFBA08"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#1A1A1A
#7A0C0C
#C1121F
#F35B04
#FFBA08

How the roles work