Zen Garden

#335C67

#FFF3B0

#E09F3E

#9E2A2B

#540B0E

How to use this palette

CSS Variables

:root {
  --color-1: #335C67;
  --color-2: #FFF3B0;
  --color-3: #E09F3E;
  --color-4: #9E2A2B;
  --color-5: #540B0E;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
          '1': '#335C67',
          '2': '#FFF3B0',
          '3': '#E09F3E',
          '4': '#9E2A2B',
          '5': '#540B0E'
        }
      }
    }
  }
}

Palette Information

Name: Zen Garden
ID: zen-garden
Categories: Asian, Traditional, Zen
Number of Colors: 5

Asian

Traditional

Zen