Color Palette Generator

Ceramic Studio

Clay waiting for hands

#f5f5f5

RGB: 245, 245, 245

#d6ccc2

RGB: 214, 204, 194

#a39081

RGB: 163, 144, 129

#6c584c

RGB: 108, 88, 76

#3d3835

RGB: 61, 56, 53

┌────────────┬────────────┬────────────┬────────────┬────────────┐
│            │            │            │            │            │
│    ████    │    ████    │    ████    │    ████    │    ████    │
│    ████    │    ████    │    ████    │    ████    │    ████    │
│            │            │            │            │            │
├────────────┼────────────┼────────────┼────────────┼────────────┤
│ #f5f5f5    │ #d6ccc2    │ #a39081    │ #6c584c    │ #3d3835    │
└────────────┴────────────┴────────────┴────────────┴────────────┘

Export This Palette

Copy these for your projects:

CSS Variables:

:root { --color-1: #f5f5f5; --color-2: #d6ccc2; --color-3: #a39081; --color-4: #6c584c; --color-5: #3d3835; }

SCSS:

$color-1: #f5f5f5; $color-2: #d6ccc2; $color-3: #a39081; $color-4: #6c584c; $color-5: #3d3835;

Array:

["#f5f5f5", "#d6ccc2", "#a39081", "#6c584c", "#3d3835"]