oliancecom

:root {
  --oliance-primary: #374e67;
  --oliance-secondary: #cccfe0;
  --oliance-accent: #cba14d;
  --oliance-ink: #181e25;
  --oliance-paper: #f5f7f9;
  --oliance-font-display: 'Playfair Display', serif;
  --oliance-font-body: 'Lora', serif;
}

// tailwind.config.js → theme.extend
{
  colors: {
    oliance: {
      primary: '#374e67',
      secondary: '#cccfe0',
      accent: '#cba14d',
      ink: '#181e25',
      paper: '#f5f7f9',
    },
  },
  fontFamily: {
    display: ['Playfair Display', 'serif'],
    body: ['Lora', 'serif'],
  },
}

{
  "name": "Oliance",
  "color": {
    "primary": {
      "hex": "#374e67",
      "rgb": [
        55,
        78,
        103
      ],
      "name": "Cobalt"
    },
    "secondary": {
      "hex": "#cccfe0",
      "rgb": [
        204,
        207,
        224
      ],
      "name": "Soft Indigo"
    },
    "accent": {
      "hex": "#cba14d",
      "rgb": [
        203,
        161,
        77
      ],
      "name": "Marigold"
    },
    "ink": {
      "hex": "#181e25",
      "rgb": [
        24,
        30,
        37
      ],
      "name": "Deep Cobalt"
    },
    "paper": {
      "hex": "#f5f7f9",
      "rgb": [
        245,
        247,
        249
      ],
      "name": "Paper"
    }
  },
  "font": {
    "display": {
      "family": "Playfair Display",
      "weight": 700
    },
    "body": {
      "family": "Lora",
      "weight": 400
    }
  }
}