Refreshing Modern Color Palette
This palette blends crisp whites and soft taupes with earthy browns, punctuated by vibrant teal and mint accents, creating a refreshing, modern vibe that feels both serene and invigorating.
Practical uses and creative applications
The Refreshing Modern Color Palette boasts a harmonious blend of soft neutrals and vibrant accents, making it an ideal choice for a variety of creative projects. With its crisp white (#FFFFFF) and gentle beige (#DCD4CC) base, this palette serves as a perfect backdrop for both branding and web design, offering a clean and contemporary look that resonates with minimalist aesthetics.
The addition of striking teal shades (#08FFC9 and #A3FFE7) introduces a refreshing pop of color, perfect for attracting attention in packaging and marketing materials. Designed for modern designers and creatives, this palette is particularly suited for businesses aiming to convey freshness and innovation.
Whether you’re revamping an interior space or creating a visually appealing website, the balance of earthy tones (#605547) with vibrant hues creates an inviting atmosphere that appeals to a wide audience. Ideal for lifestyle brands, eco-conscious companies, or wellness products, the Refreshing Modern Color Palette encapsulates a sense of tranquility and optimism, making it a versatile choice for any project seeking to inspire and engage.
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.
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.008 73.74) | #eae6e1 | hsl(33, 18%, 90%) |
|
|
| 100 | oklch(0.915 0.009 67.72) | #e7e2dd | hsl(30, 17%, 89%) |
|
|
| 200 | oklch(0.906 0.012 71.89) | #e5dfd8 | hsl(32, 20%, 87%) |
|
|
| 300 | oklch(0.895 0.012 67.67) | #e2dbd4 | hsl(30, 19%, 86%) |
|
|
| 400 | oklch(0.886 0.013 71.32) | #dfd8d0 | hsl(32, 19%, 85%) |
|
|
| 500 | oklch(0.874 0.014 67.64) | #dcd4cc | hsl(30, 19%, 83%) |
|
|
| 600 | oklch(0.763 0.027 67.40) | #beafa0 | hsl(30, 19%, 69%) |
|
|
| 700 | oklch(0.644 0.040 65.69) | #9f8974 | hsl(29, 18%, 54%) |
|
|
| 800 | oklch(0.516 0.038 66.83) | #776451 | hsl(30, 19%, 39%) |
|
|
| 900 | oklch(0.375 0.025 69.39) | #4a3f33 | hsl(31, 18%, 25%) |
|
|
| 950 | oklch(0.221 0.011 73.33) | #1e1a15 | hsl(33, 18%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.839 0.015 74.41) | #d0c9c0 | hsl(34, 15%, 78%) |
|
|
| 200 | oklch(0.753 0.023 74.03) | #b8ad9f | hsl(34, 15%, 67%) |
|
|
| 300 | oklch(0.661 0.033 73.71) | #9f907d | hsl(34, 15%, 56%) |
|
|
| 400 | oklch(0.564 0.034 73.58) | #827360 | hsl(34, 15%, 44%) |
|
|
| 500 | oklch(0.456 0.026 73.74) | #605547 | hsl(34, 15%, 33%) |
|
|
| 600 | oklch(0.412 0.024 72.16) | #53493d | hsl(33, 15%, 28%) |
|
|
| 700 | oklch(0.365 0.020 73.29) | #453d33 | hsl(33, 15%, 24%) |
|
|
| 800 | oklch(0.321 0.018 77.99) | #383229 | hsl(36, 15%, 19%) |
|
|
| 900 | oklch(0.272 0.013 72.28) | #2b2620 | hsl(33, 15%, 15%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.054 180.49) | #ccfff4 | hsl(167, 100%, 90%) |
|
|
| 100 | oklch(0.938 0.091 178.58) | #a5ffeb | hsl(167, 100%, 82%) |
|
|
| 200 | oklch(0.919 0.122 177.29) | #7effe3 | hsl(167, 100%, 75%) |
|
|
| 300 | oklch(0.904 0.148 175.13) | #56ffda | hsl(167, 100%, 67%) |
|
|
| 400 | oklch(0.895 0.165 173.02) | #2fffd2 | hsl(167, 100%, 59%) |
|
|
| 500 | oklch(0.890 0.175 170.07) | #08ffc9 | hsl(167, 100%, 52%) |
|
|
| 600 | oklch(0.798 0.159 169.35) | #00ddac | hsl(167, 100%, 43%) |
|
|
| 700 | oklch(0.679 0.135 169.89) | #00b28b | hsl(167, 100%, 35%) |
|
|
| 800 | oklch(0.558 0.110 170.20) | #00886a | hsl(167, 100%, 27%) |
|
|
| 900 | oklch(0.426 0.083 171.55) | #005d49 | hsl(167, 100%, 18%) |
|
|
| 950 | oklch(0.286 0.055 173.44) | #003328 | hsl(167, 100%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.055 177.81) | #ccfff2 | hsl(165, 100%, 90%) |
|
|
| 100 | oklch(0.956 0.063 177.56) | #c4fff0 | hsl(165, 100%, 88%) |
|
|
| 200 | oklch(0.950 0.071 176.28) | #bcffed | hsl(164, 100%, 87%) |
|
|
| 300 | oklch(0.945 0.080 176.29) | #b3ffeb | hsl(164, 100%, 85%) |
|
|
| 400 | oklch(0.940 0.087 176.04) | #abffe9 | hsl(164, 100%, 84%) |
|
|
| 500 | oklch(0.936 0.094 175.78) | #a3ffe7 | hsl(164, 100%, 82%) |
|
|
| 600 | oklch(0.903 0.150 172.12) | #5affd4 | hsl(164, 100%, 68%) |
|
|
| 700 | oklch(0.888 0.180 167.10) | #10ffc1 | hsl(164, 100%, 53%) |
|
|
| 800 | oklch(0.733 0.152 165.88) | #00c692 | hsl(164, 100%, 39%) |
|
|
| 900 | oklch(0.520 0.107 167.11) | #007c5c | hsl(165, 100%, 24%) |
|
|
| 950 | oklch(0.286 0.056 170.21) | #003326 | hsl(165, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
