Serene Twilight Garden Color Palette
This palette exudes a serene yet sophisticated vibe, blending soft pastel yellows and muted greens with deep, moody blues and blacks, evoking a tranquil twilight garden retreat.
Practical uses and creative applications
The Serene Twilight Garden Color Palette is a harmonious blend of soft pastels and rich, deep shades that evoke tranquility and elegance. With its gentle yellows (#f8f69f) and calming greens (#bab986) juxtaposed against earthy neutrals (#7c7b6c) and striking twilight hues (#3e3e53 and #000039), this palette is perfect for creating spaces that inspire relaxation and creativity.
It is particularly ideal for branding and web design, where a soothing yet sophisticated aesthetic can enhance user experience and engagement. Designers and creatives seeking to evoke a sense of calm and sophistication will find the Serene Twilight Garden palette particularly appealing.
It works wonderfully for packaging designs that aim to convey quality and care, like artisanal food products or wellness brands. Additionally, this palette is fantastic for interiors, creating serene living spaces or tranquil work environments that promote focus and creativity.
Whether you are decorating a cozy home office or developing an elegant brand identity, this color palette is sure to resonate with audiences looking for a touch of serenity in their design projects.
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.978 0.057 106.33) | #fcfbcf | hsl(59, 88%, 90%) |
|
|
| 100 | oklch(0.973 0.067 106.66) | #fbfac6 | hsl(59, 87%, 88%) |
|
|
| 200 | oklch(0.968 0.078 106.98) | #faf9bc | hsl(59, 86%, 86%) |
|
|
| 300 | oklch(0.964 0.089 107.26) | #f9f8b2 | hsl(59, 86%, 84%) |
|
|
| 400 | oklch(0.960 0.098 106.86) | #f9f7a9 | hsl(59, 87%, 82%) |
|
|
| 500 | oklch(0.955 0.108 107.15) | #f8f69f | hsl(59, 86%, 80%) |
|
|
| 600 | oklch(0.931 0.165 108.10) | #f3f05d | hsl(59, 86%, 66%) |
|
|
| 700 | oklch(0.911 0.193 108.41) | #eeea1a | hsl(59, 86%, 52%) |
|
|
| 800 | oklch(0.739 0.158 108.47) | #b4b10d | hsl(59, 87%, 38%) |
|
|
| 900 | oklch(0.530 0.112 108.42) | #727008 | hsl(59, 87%, 24%) |
|
|
| 950 | oklch(0.297 0.061 108.26) | #302f03 | hsl(59, 88%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.017 106.73) | #ececdf | hsl(60, 25%, 90%) |
|
|
| 100 | oklch(0.907 0.028 106.94) | #e2e2cd | hsl(60, 27%, 85%) |
|
|
| 200 | oklch(0.875 0.039 107.18) | #d8d8bb | hsl(60, 27%, 79%) |
|
|
| 300 | oklch(0.840 0.048 106.08) | #cecda9 | hsl(58, 27%, 74%) |
|
|
| 400 | oklch(0.807 0.058 106.52) | #c4c398 | hsl(59, 27%, 68%) |
|
|
| 500 | oklch(0.774 0.068 106.95) | #bab986 | hsl(59, 27%, 63%) |
|
|
| 600 | oklch(0.708 0.086 107.65) | #a6a564 | hsl(59, 27%, 52%) |
|
|
| 700 | oklch(0.607 0.078 107.64) | #87864d | hsl(59, 27%, 42%) |
|
|
| 800 | oklch(0.493 0.061 107.25) | #65643a | hsl(59, 27%, 31%) |
|
|
| 900 | oklch(0.372 0.044 106.58) | #434226 | hsl(58, 28%, 21%) |
|
|
| 950 | oklch(0.239 0.023 108.03) | #202013 | hsl(60, 25%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.004 106.48) | #e7e7e4 | hsl(60, 6%, 90%) |
|
|
| 100 | oklch(0.862 0.010 106.60) | #d2d2cb | hsl(60, 7%, 81%) |
|
|
| 200 | oklch(0.793 0.013 101.53) | #bdbcb3 | hsl(54, 7%, 72%) |
|
|
| 300 | oklch(0.726 0.017 102.94) | #a8a79b | hsl(55, 7%, 63%) |
|
|
| 400 | oklch(0.656 0.022 103.87) | #939283 | hsl(56, 7%, 55%) |
|
|
| 500 | oklch(0.579 0.022 103.95) | #7c7b6c | hsl(56, 7%, 45%) |
|
|
| 600 | oklch(0.514 0.020 103.47) | #69685b | hsl(56, 7%, 38%) |
|
|
| 700 | oklch(0.446 0.017 107.09) | #55554a | hsl(60, 7%, 31%) |
|
|
| 800 | oklch(0.374 0.013 101.18) | #424139 | hsl(53, 7%, 24%) |
|
|
| 900 | oklch(0.300 0.009 97.63) | #2f2e29 | hsl(50, 7%, 17%) |
|
|
| 950 | oklch(0.221 0.006 106.86) | #1b1b18 | hsl(60, 6%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.009 286.21) | #e2e2e9 | hsl(240, 14%, 90%) |
|
|
| 100 | oklch(0.806 0.022 285.89) | #bebece | hsl(240, 14%, 78%) |
|
|
| 200 | oklch(0.695 0.036 285.41) | #9a9ab3 | hsl(240, 14%, 65%) |
|
|
| 300 | oklch(0.579 0.053 284.61) | #767699 | hsl(240, 15%, 53%) |
|
|
| 400 | oklch(0.476 0.048 284.42) | #595977 | hsl(240, 14%, 41%) |
|
|
| 500 | oklch(0.373 0.036 284.53) | #3e3e53 | hsl(240, 14%, 28%) |
|
|
| 600 | oklch(0.341 0.031 284.61) | #363648 | hsl(240, 14%, 25%) |
|
|
| 700 | oklch(0.308 0.027 284.72) | #2e2e3d | hsl(240, 14%, 21%) |
|
|
| 800 | oklch(0.274 0.024 284.72) | #262633 | hsl(240, 15%, 17%) |
|
|
| 900 | oklch(0.240 0.019 284.87) | #1e1e28 | hsl(240, 14%, 14%) |
|
|
| 950 | oklch(0.203 0.014 285.10) | #16161d | hsl(240, 14%, 10%) |
|
dsfds
| 50 | oklch(0.862 0.070 284.83) | #ccccff | hsl(240, 100%, 90%) |
|
|
| 100 | oklch(0.651 0.190 279.75) | #7c7cff | hsl(240, 100%, 74%) |
|
|
| 200 | oklch(0.486 0.290 268.59) | #2b2bff | hsl(240, 100%, 58%) |
|
|
| 300 | oklch(0.402 0.278 264.05) | #0000da | hsl(240, 100%, 43%) |
|
|
| 400 | oklch(0.285 0.197 264.05) | #000089 | hsl(240, 100%, 27%) |
|
|
| 500 | oklch(0.156 0.108 264.05) | #000039 | hsl(240, 100%, 11%) |
|
|
| 600 | oklch(0.154 0.107 264.05) | #000038 | hsl(240, 100%, 11%) |
|
|
| 700 | oklch(0.152 0.105 264.05) | #000037 | hsl(240, 100%, 11%) |
|
|
| 800 | oklch(0.149 0.103 264.05) | #000035 | hsl(240, 100%, 10%) |
|
|
| 900 | oklch(0.147 0.102 264.05) | #000034 | hsl(240, 100%, 10%) |
|
|
| 950 | oklch(0.145 0.101 264.05) | #000033 | hsl(240, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
