Coffee Shop
#582F0E
#7F4F24
#936639
#A68A64
#B6AD90
How to use this palette
CSS Variables
:root {
--color-1: #582F0E;
--color-2: #7F4F24;
--color-3: #936639;
--color-4: #A68A64;
--color-5: #B6AD90;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#582F0E',
'2': '#7F4F24',
'3': '#936639',
'4': '#A68A64',
'5': '#B6AD90'
}
}
}
}
}Palette Information
- Name
- Coffee Shop
- ID
- coffee-shop
- Categories
- Brown, Earthy, Cozy
- Number of Colors
- 5
Brown
Earthy
Cozy