Serene Sunlit Warmth Color Palette
This palette exudes a serene, sunlit warmth with soft whites and gentle creams, accented by earthy taupe and muted gray for a cozy, inviting atmosphere.
Practical uses and creative applications
The Serene Sunlit Warmth Color Palette is a harmonious blend of soft whites, gentle creams, and earthy tones that evoke a sense of tranquility and warmth. Featuring colors like #ffffff, #fffaeb, #f0f0d8, #cfcfcf, and #967c52, this palette is perfect for branding and web design aimed at creating a welcoming and inviting atmosphere.
Whether you’re designing a cozy coffee shop's online presence or developing an organic skincare line's packaging, these shades can communicate comfort and reliability to your audience. Ideal for designers and creatives looking to instill a sense of peace and relaxation, the Serene Sunlit Warmth palette is also well-suited for interior design projects.
Use it to create calming spaces in homes, wellness centers, or spas, where soft colors encourage a feeling of serenity. The combination of light and warm hues can elevate any project, making it particularly appealing to businesses focused on health, sustainability, or lifestyle enhancement.
Embrace this palette to foster connection and warmth in your designs, appealing to those who value tranquility in their surroundings.
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.962 0.051 91.37) | #fff2cc | hsl(45, 100%, 90%) |
|
|
| 100 | oklch(0.967 0.046 92.18) | #fff4d2 | hsl(45, 100%, 91%) |
|
|
| 200 | oklch(0.970 0.039 91.20) | #fff5d8 | hsl(45, 100%, 92%) |
|
|
| 300 | oklch(0.976 0.033 91.66) | #fff7df | hsl(45, 100%, 94%) |
|
|
| 400 | oklch(0.980 0.026 90.09) | #fff8e5 | hsl(44, 100%, 95%) |
|
|
| 500 | oklch(0.985 0.020 91.58) | #fffaeb | hsl(45, 100%, 96%) |
|
|
| 600 | oklch(0.923 0.105 91.68) | #ffe493 | hsl(45, 100%, 79%) |
|
|
| 700 | oklch(0.871 0.162 89.16) | #ffce3b | hsl(45, 100%, 62%) |
|
|
| 800 | oklch(0.770 0.158 84.26) | #e3aa00 | hsl(45, 100%, 45%) |
|
|
| 900 | oklch(0.538 0.110 85.31) | #8b6800 | hsl(45, 100%, 27%) |
|
|
| 950 | oklch(0.276 0.056 89.07) | #332600 | hsl(45, 100%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 100 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 200 | oklch(0.952 0.032 106.98) | #f1f1d9 | hsl(60, 46%, 90%) |
|
|
| 300 | oklch(0.949 0.030 106.96) | #f0f0d9 | hsl(60, 43%, 90%) |
|
|
| 400 | oklch(0.949 0.032 106.99) | #f0f0d8 | hsl(60, 44%, 89%) |
|
|
| 500 | oklch(0.949 0.032 106.99) | #f0f0d8 | hsl(60, 44%, 89%) |
|
|
| 600 | oklch(0.874 0.078 107.91) | #dada9e | hsl(60, 45%, 74%) |
|
|
| 700 | oklch(0.797 0.119 108.83) | #c3c363 | hsl(60, 44%, 58%) |
|
|
| 800 | oklch(0.667 0.117 109.19) | #9a9a3b | hsl(60, 45%, 42%) |
|
|
| 900 | oklch(0.473 0.079 109.09) | #5f5f25 | hsl(60, 44%, 26%) |
|
|
| 950 | oklch(0.258 0.038 108.79) | #25250e | hsl(60, 45%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.910 0.000 89.88) | #e1e1e1 | hsl(0, 0%, 88%) |
|
|
| 200 | oklch(0.898 0.000 89.88) | #dddddd | hsl(0, 0%, 87%) |
|
|
| 300 | oklch(0.882 0.000 89.88) | #d8d8d8 | hsl(0, 0%, 85%) |
|
|
| 400 | oklch(0.870 0.000 89.88) | #d4d4d4 | hsl(0, 0%, 83%) |
|
|
| 500 | oklch(0.855 0.000 89.88) | #cfcfcf | hsl(0, 0%, 81%) |
|
|
| 600 | oklch(0.741 0.000 89.88) | #ababab | hsl(0, 0%, 67%) |
|
|
| 700 | oklch(0.620 0.000 89.88) | #868686 | hsl(0, 0%, 53%) |
|
|
| 800 | oklch(0.496 0.000 89.88) | #626262 | hsl(0, 0%, 38%) |
|
|
| 900 | oklch(0.364 0.000 89.88) | #3e3e3e | hsl(0, 0%, 24%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.014 78.26) | #ede7de | hsl(36, 29%, 90%) |
|
|
| 100 | oklch(0.868 0.026 78.90) | #ddd2c1 | hsl(36, 29%, 81%) |
|
|
| 200 | oklch(0.805 0.040 79.97) | #cdbda3 | hsl(37, 30%, 72%) |
|
|
| 300 | oklch(0.741 0.053 79.69) | #bda886 | hsl(37, 29%, 63%) |
|
|
| 400 | oklch(0.677 0.065 79.26) | #ad9369 | hsl(37, 29%, 55%) |
|
|
| 500 | oklch(0.601 0.066 78.97) | #967c52 | hsl(37, 29%, 45%) |
|
|
| 600 | oklch(0.533 0.059 79.31) | #7f6945 | hsl(37, 30%, 38%) |
|
|
| 700 | oklch(0.460 0.049 78.98) | #675538 | hsl(37, 30%, 31%) |
|
|
| 800 | oklch(0.388 0.039 78.47) | #50422c | hsl(37, 29%, 24%) |
|
|
| 900 | oklch(0.310 0.030 81.57) | #382f1f | hsl(38, 29%, 17%) |
|
|
| 950 | oklch(0.226 0.019 77.63) | #211b12 | hsl(36, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
