Rust

Industrial poetry and aged character — rust speaks of time, texture, and resilience.

Shades 11

Base #b7410e

RGB 183, 65, 14

100

200

300

400

500

600

700

800

All Rust Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --rust-50: #fef5f0;
  --rust-100: #fde3d5;
  --rust-200: #f9c4a8;
  --rust-300: #f39c73;
  --rust-400: #e06f3f;
  --rust-500: #b7410e;
  --rust-600: #96340b;
  --rust-700: #732708;
  --rust-800: #521b05;
  --rust-900: #321003;
  --rust-950: #190801;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        rust: {
          50: '#fef5f0',
          100: '#fde3d5',
          200: '#f9c4a8',
          300: '#f39c73',
          400: '#e06f3f',
          500: '#b7410e',
          600: '#96340b',
          700: '#732708',
          800: '#521b05',
          900: '#321003',
          950: '#190801',
        },
      },
    },
  },
};

SCSS Map

$rust-palette: (
  50: #fef5f0,
  100: #fde3d5,
  200: #f9c4a8,
  300: #f39c73,
  400: #e06f3f,
  500: #b7410e,
  600: #96340b,
  700: #732708,
  800: #521b05,
  900: #321003,
  950: #190801,
);