Cheerful Pastel and Navy Color Palette
A sunny, cheerful blend of soft pastel yellows and creams dances with deep, moody navy blues, creating a vibrant yet sophisticated vibe that balances warmth and depth.
Practical uses and creative applications
The Cheerful Pastel and Navy Color Palette is a delightful fusion of soft pastels and deep navy tones, perfect for creating a warm and inviting atmosphere. With colors like #FDEFCC, a gentle cream, and #F9D649, a vibrant yellow, this palette exudes positivity and creativity.
The contrasting navy shades, #00077B and #000350, anchor the lighter hues, making this palette ideal for branding projects that aim to communicate reliability and warmth. Whether you're designing a playful logo or crafting engaging web pages, this palette offers versatility and visual appeal that can resonate with your audience.
Ideal for designers, creatives, and businesses looking to evoke a cheerful yet sophisticated mood, the Cheerful Pastel and Navy Color Palette is particularly suitable for children's products, lifestyle brands, and wellness websites. It can effortlessly enhance packaging designs, creating a friendly and approachable look that attracts consumers.
Additionally, this palette shines in interior design, bringing a cozy and uplifting vibe to spaces such as nurseries or cafes. With its blend of happiness and stability, this color combination is sure to inspire and engage your target audience.
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.957 0.046 89.57) | #fdf0ce | hsl(43, 92%, 90%) |
|
|
| 100 | oklch(0.955 0.046 87.76) | #fdefce | hsl(42, 92%, 90%) |
|
|
| 200 | oklch(0.955 0.047 88.29) | #fdefcd | hsl(43, 92%, 90%) |
|
|
| 300 | oklch(0.955 0.047 88.29) | #fdefcd | hsl(43, 92%, 90%) |
|
|
| 400 | oklch(0.954 0.048 88.81) | #fdefcc | hsl(43, 92%, 90%) |
|
|
| 500 | oklch(0.954 0.048 88.81) | #fdefcc | hsl(43, 92%, 90%) |
|
|
| 600 | oklch(0.888 0.115 87.80) | #fad67e | hsl(43, 93%, 74%) |
|
|
| 700 | oklch(0.831 0.158 84.69) | #f7be30 | hsl(43, 93%, 58%) |
|
|
| 800 | oklch(0.705 0.144 81.36) | #cd9508 | hsl(43, 92%, 42%) |
|
|
| 900 | oklch(0.498 0.101 82.16) | #7f5c05 | hsl(43, 92%, 26%) |
|
|
| 950 | oklch(0.268 0.053 87.13) | #312402 | hsl(43, 92%, 10%) |
|
| 50 | oklch(0.965 0.050 96.17) | #fdf4ce | hsl(49, 92%, 90%) |
|
|
| 100 | oklch(0.946 0.077 96.34) | #fceeb3 | hsl(48, 92%, 85%) |
|
|
| 200 | oklch(0.930 0.101 95.63) | #fce899 | hsl(48, 94%, 79%) |
|
|
| 300 | oklch(0.913 0.123 95.67) | #fbe27e | hsl(48, 94%, 74%) |
|
|
| 400 | oklch(0.897 0.142 95.34) | #fadc64 | hsl(48, 94%, 69%) |
|
|
| 500 | oklch(0.882 0.157 94.77) | #f9d649 | hsl(48, 94%, 63%) |
|
|
| 600 | oklch(0.854 0.172 92.15) | #f7ca15 | hsl(48, 93%, 53%) |
|
|
| 700 | oklch(0.743 0.151 91.30) | #cfa707 | hsl(48, 93%, 42%) |
|
|
| 800 | oklch(0.600 0.122 92.28) | #9a7d05 | hsl(48, 94%, 31%) |
|
|
| 900 | oklch(0.446 0.090 92.21) | #665203 | hsl(48, 94%, 21%) |
|
|
| 950 | oklch(0.279 0.055 95.32) | #312802 | hsl(49, 92%, 10%) |
|
| 50 | oklch(0.956 0.045 90.39) | #fcf0cf | hsl(44, 88%, 90%) |
|
|
| 100 | oklch(0.934 0.071 90.66) | #fbe8b3 | hsl(44, 90%, 84%) |
|
|
| 200 | oklch(0.909 0.095 90.43) | #f9df97 | hsl(44, 89%, 78%) |
|
|
| 300 | oklch(0.888 0.118 90.19) | #f8d77b | hsl(44, 90%, 73%) |
|
|
| 400 | oklch(0.865 0.135 89.30) | #f6ce60 | hsl(44, 89%, 67%) |
|
|
| 500 | oklch(0.846 0.151 88.24) | #f5c644 | hsl(44, 90%, 61%) |
|
|
| 600 | oklch(0.812 0.164 84.63) | #f2b712 | hsl(44, 90%, 51%) |
|
|
| 700 | oklch(0.696 0.141 83.95) | #c6940b | hsl(44, 89%, 41%) |
|
|
| 800 | oklch(0.564 0.113 84.82) | #946f08 | hsl(44, 90%, 31%) |
|
|
| 900 | oklch(0.421 0.084 85.26) | #624905 | hsl(44, 90%, 20%) |
|
|
| 950 | oklch(0.267 0.051 88.27) | #302403 | hsl(44, 88%, 10%) |
|
| 50 | oklch(0.868 0.066 282.11) | #cccfff | hsl(236, 100%, 90%) |
|
|
| 100 | oklch(0.697 0.161 278.62) | #8990ff | hsl(236, 100%, 77%) |
|
|
| 200 | oklch(0.544 0.253 271.91) | #4650ff | hsl(237, 100%, 64%) |
|
|
| 300 | oklch(0.458 0.309 264.26) | #0211ff | hsl(236, 100%, 50%) |
|
|
| 400 | oklch(0.368 0.247 264.15) | #000bbe | hsl(237, 100%, 37%) |
|
|
| 500 | oklch(0.270 0.178 264.18) | #00077b | hsl(237, 100%, 24%) |
|
|
| 600 | oklch(0.248 0.163 264.19) | #00066d | hsl(237, 100%, 21%) |
|
|
| 700 | oklch(0.225 0.146 264.20) | #00055e | hsl(237, 100%, 18%) |
|
|
| 800 | oklch(0.203 0.129 264.21) | #000550 | hsl(236, 100%, 16%) |
|
|
| 900 | oklch(0.178 0.112 264.20) | #000441 | hsl(236, 100%, 13%) |
|
|
| 950 | oklch(0.154 0.095 264.17) | #000333 | hsl(236, 100%, 10%) |
|
| 50 | oklch(0.866 0.068 283.05) | #ccceff | hsl(238, 100%, 90%) |
|
|
| 100 | oklch(0.670 0.177 278.71) | #8085ff | hsl(238, 100%, 75%) |
|
|
| 200 | oklch(0.508 0.276 269.63) | #343cff | hsl(238, 100%, 60%) |
|
|
| 300 | oklch(0.424 0.289 264.11) | #0009e8 | hsl(238, 100%, 45%) |
|
|
| 400 | oklch(0.317 0.214 264.13) | #00069c | hsl(238, 100%, 31%) |
|
|
| 500 | oklch(0.200 0.132 264.19) | #000350 | hsl(238, 100%, 16%) |
|
|
| 600 | oklch(0.191 0.124 264.20) | #00034a | hsl(238, 100%, 15%) |
|
|
| 700 | oklch(0.181 0.117 264.21) | #000344 | hsl(237, 100%, 13%) |
|
|
| 800 | oklch(0.171 0.112 264.19) | #00023f | hsl(238, 100%, 12%) |
|
|
| 900 | oklch(0.161 0.104 264.20) | #000239 | hsl(238, 100%, 11%) |
|
|
| 950 | oklch(0.151 0.096 264.21) | #000233 | hsl(238, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
