Warm Vintage Color Palette
This palette radiates a warm, sunny optimism with its vibrant yellows, softened by gentle grays and deep earthy tones, creating a stylish yet grounded vibe.
Practical uses and creative applications
The Warm Vintage Color Palette features a harmonious blend of soft yellows, muted neutrals, and earthy tones that evoke a sense of nostalgia and comfort. With its key colors, including the cheerful #FBD858 and the sophisticated #4C4C4A, this palette is perfect for branding projects that aim to connect with audiences on an emotional level.
Whether you're designing a boutique coffee shop's logo or creating packaging for artisanal goods, these warm hues can set a welcoming tone that resonates with consumers. Ideal for designers and creatives looking to evoke a vintage charm, the Warm Vintage Color Palette is versatile for various applications.
Web design projects can benefit from its soothing color scheme, enhancing user experience while maintaining a stylish aesthetic. Additionally, this palette works beautifully in interior design, where it can be used to create cozy living spaces or charming retail environments.
By incorporating these colors, you can easily cultivate a mood that is both inviting and timeless, perfect for anyone aiming to create a memorable visual identity or atmosphere.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
| 50 | oklch(0.963 0.051 93.75) | #fef3cd | hsl(47, 96%, 90%) |
|
|
| 100 | oklch(0.948 0.073 94.87) | #fdeeb6 | hsl(47, 95%, 85%) |
|
|
| 200 | oklch(0.931 0.096 94.14) | #fde89e | hsl(47, 96%, 81%) |
|
|
| 300 | oklch(0.917 0.116 94.64) | #fce387 | hsl(47, 95%, 76%) |
|
|
| 400 | oklch(0.902 0.134 93.83) | #fcdd6f | hsl(47, 96%, 71%) |
|
|
| 500 | oklch(0.889 0.149 93.78) | #fbd858 | hsl(47, 95%, 66%) |
|
|
| 600 | oklch(0.859 0.170 91.12) | #facb20 | hsl(47, 96%, 55%) |
|
|
| 700 | oklch(0.768 0.156 89.28) | #dbad05 | hsl(47, 96%, 44%) |
|
|
| 800 | oklch(0.615 0.125 89.76) | #a28004 | hsl(47, 95%, 33%) |
|
|
| 900 | oklch(0.455 0.092 90.87) | #6a5403 | hsl(47, 94%, 21%) |
|
|
| 950 | oklch(0.277 0.056 92.16) | #322701 | hsl(47, 96%, 10%) |
|
| 50 | oklch(0.958 0.046 92.18) | #fcf1cf | hsl(45, 88%, 90%) |
|
|
| 100 | oklch(0.930 0.075 91.54) | #fae7af | hsl(45, 88%, 83%) |
|
|
| 200 | oklch(0.905 0.101 91.69) | #f8de90 | hsl(45, 88%, 77%) |
|
|
| 300 | oklch(0.879 0.125 90.92) | #f6d470 | hsl(45, 88%, 70%) |
|
|
| 400 | oklch(0.856 0.144 90.23) | #f4cb51 | hsl(45, 88%, 64%) |
|
|
| 500 | oklch(0.832 0.158 88.35) | #f2c131 | hsl(45, 88%, 57%) |
|
|
| 600 | oklch(0.780 0.158 85.27) | #e5ae0e | hsl(45, 88%, 48%) |
|
|
| 700 | oklch(0.663 0.133 86.22) | #b78c0c | hsl(45, 88%, 38%) |
|
|
| 800 | oklch(0.539 0.108 86.19) | #8a6909 | hsl(45, 88%, 29%) |
|
|
| 900 | oklch(0.410 0.081 87.41) | #5d4706 | hsl(45, 88%, 19%) |
|
|
| 950 | oklch(0.270 0.052 90.46) | #302503 | hsl(45, 88%, 10%) |
|
| 50 | oklch(0.923 0.002 325.59) | #e6e5e6 | hsl(300, 2%, 90%) |
|
|
| 100 | oklch(0.918 0.003 345.22) | #e5e3e4 | hsl(330, 4%, 89%) |
|
|
| 200 | oklch(0.914 0.002 325.59) | #e3e2e3 | hsl(300, 2%, 89%) |
|
|
| 300 | oklch(0.909 0.003 345.22) | #e2e0e1 | hsl(330, 3%, 88%) |
|
|
| 400 | oklch(0.905 0.002 325.59) | #e0dfe0 | hsl(300, 2%, 88%) |
|
|
| 500 | oklch(0.899 0.003 345.22) | #dfddde | hsl(330, 3%, 87%) |
|
|
| 600 | oklch(0.777 0.005 345.32) | #b9b5b7 | hsl(330, 3%, 72%) |
|
|
| 700 | oklch(0.647 0.009 349.40) | #938c8f | hsl(334, 3%, 56%) |
|
|
| 800 | oklch(0.513 0.009 345.59) | #6b6568 | hsl(330, 3%, 41%) |
|
|
| 900 | oklch(0.372 0.006 345.59) | #433f41 | hsl(330, 3%, 25%) |
|
|
| 950 | oklch(0.215 0.002 325.66) | #1a191a | hsl(300, 2%, 10%) |
|
| 50 | oklch(0.925 0.001 106.43) | #e6e6e5 | hsl(60, 2%, 90%) |
|
|
| 100 | oklch(0.882 0.001 106.43) | #d8d8d7 | hsl(60, 1%, 85%) |
|
|
| 200 | oklch(0.839 0.001 106.43) | #cacac9 | hsl(60, 1%, 79%) |
|
|
| 300 | oklch(0.795 0.003 106.46) | #bcbcba | hsl(60, 1%, 73%) |
|
|
| 400 | oklch(0.750 0.003 106.47) | #aeaeac | hsl(60, 1%, 68%) |
|
|
| 500 | oklch(0.705 0.003 106.47) | #a0a09e | hsl(60, 1%, 62%) |
|
|
| 600 | oklch(0.619 0.004 106.53) | #868683 | hsl(60, 1%, 52%) |
|
|
| 700 | oklch(0.527 0.003 106.50) | #6b6b69 | hsl(60, 1%, 42%) |
|
|
| 800 | oklch(0.431 0.003 106.53) | #50504e | hsl(60, 1%, 31%) |
|
|
| 900 | oklch(0.329 0.002 106.49) | #353534 | hsl(60, 1%, 21%) |
|
|
| 950 | oklch(0.217 0.002 106.56) | #1a1a19 | hsl(60, 2%, 10%) |
|
| 50 | oklch(0.925 0.001 106.43) | #e6e6e5 | hsl(60, 2%, 90%) |
|
|
| 100 | oklch(0.829 0.001 106.43) | #c7c7c6 | hsl(60, 1%, 78%) |
|
|
| 200 | oklch(0.734 0.003 106.47) | #a9a9a7 | hsl(60, 1%, 66%) |
|
|
| 300 | oklch(0.633 0.004 106.53) | #8a8a87 | hsl(60, 1%, 54%) |
|
|
| 400 | oklch(0.527 0.005 106.56) | #6b6b68 | hsl(60, 1%, 41%) |
|
|
| 500 | oklch(0.416 0.003 106.54) | #4c4c4a | hsl(60, 1%, 29%) |
|
|
| 600 | oklch(0.378 0.003 106.56) | #424240 | hsl(60, 2%, 25%) |
|
|
| 700 | oklch(0.340 0.003 106.58) | #383836 | hsl(60, 2%, 22%) |
|
|
| 800 | oklch(0.301 0.002 106.51) | #2e2e2d | hsl(60, 1%, 18%) |
|
|
| 900 | oklch(0.260 0.002 106.53) | #242423 | hsl(60, 1%, 14%) |
|
|
| 950 | oklch(0.217 0.002 106.56) | #1a1a19 | hsl(60, 2%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
