Fresh Modern Color Palette
This palette radiates a fresh, modern energy with a crisp white backdrop, vibrant greens that evoke a sense of renewal, and deep gray accents that ground the lively hues, creating a balanced yet invigorating vibe.
Practical uses and creative applications
The Fresh Modern Color Palette combines a crisp white (#FFFFFF) with a rich charcoal (#484848) and vibrant greens (#D5FEC4, #82FB4D, #58FA12), creating an invigorating yet sophisticated aesthetic. This palette is perfect for brands that aim to convey a sense of freshness and sustainability, making it ideal for eco-friendly products, health and wellness industries, and modern lifestyle brands.
Its clean lines and refreshing hues can seamlessly enhance web design, ensuring a user-friendly experience while catching the eye of potential customers. Ideal for designers and creatives, this palette can be used across various applications, from branding and packaging to interior design.
In web design, the balance between the neutral tones and lively greens offers a modern look that is both inviting and professional. For packaging, the Fresh Modern Color Palette can create a distinctive identity that stands out on shelves while communicating a commitment to quality and sustainability.
Whether you’re designing a trendy café’s interior or revamping a product line, this palette infuses a sense of vitality and contemporary style that resonates with today’s consumers.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.827 0.000 89.88) | #c6c6c6 | hsl(0, 0%, 78%) |
|
|
| 200 | oklch(0.728 0.000 89.88) | #a7a7a7 | hsl(0, 0%, 65%) |
|
|
| 300 | oklch(0.623 0.000 89.88) | #878787 | hsl(0, 0%, 53%) |
|
|
| 400 | oklch(0.517 0.000 89.88) | #686868 | hsl(0, 0%, 41%) |
|
|
| 500 | oklch(0.402 0.000 89.88) | #484848 | hsl(0, 0%, 28%) |
|
|
| 600 | oklch(0.368 0.000 89.88) | #3f3f3f | hsl(0, 0%, 25%) |
|
|
| 700 | oklch(0.329 0.000 89.88) | #353535 | hsl(0, 0%, 21%) |
|
|
| 800 | oklch(0.293 0.000 89.88) | #2c2c2c | hsl(0, 0%, 17%) |
|
|
| 900 | oklch(0.256 0.000 89.88) | #232323 | hsl(0, 0%, 14%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.074 136.78) | #dbfecd | hsl(103, 96%, 90%) |
|
|
| 100 | oklch(0.958 0.077 136.53) | #dafecb | hsl(102, 96%, 90%) |
|
|
| 200 | oklch(0.957 0.080 136.29) | #d9fec9 | hsl(102, 96%, 89%) |
|
|
| 300 | oklch(0.956 0.081 136.48) | #d8fec8 | hsl(102, 96%, 89%) |
|
|
| 400 | oklch(0.955 0.085 136.83) | #d6fec6 | hsl(103, 97%, 89%) |
|
|
| 500 | oklch(0.954 0.087 136.61) | #d5fec4 | hsl(102, 97%, 88%) |
|
|
| 600 | oklch(0.906 0.194 137.50) | #9dfd76 | hsl(103, 97%, 73%) |
|
|
| 700 | oklch(0.872 0.264 139.13) | #65fb27 | hsl(102, 96%, 57%) |
|
|
| 800 | oklch(0.748 0.241 140.18) | #3fcf04 | hsl(103, 96%, 41%) |
|
|
| 900 | oklch(0.529 0.169 139.82) | #278102 | hsl(103, 97%, 26%) |
|
|
| 950 | oklch(0.280 0.085 138.28) | #0f3201 | hsl(103, 96%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.073 136.12) | #dcfecd | hsl(102, 96%, 90%) |
|
|
| 100 | oklch(0.941 0.110 136.18) | #cafdb3 | hsl(101, 95%, 85%) |
|
|
| 200 | oklch(0.925 0.146 136.67) | #b8fd9a | hsl(102, 96%, 80%) |
|
|
| 300 | oklch(0.909 0.179 136.89) | #a6fc80 | hsl(102, 95%, 75%) |
|
|
| 400 | oklch(0.897 0.209 137.40) | #94fc67 | hsl(102, 96%, 70%) |
|
|
| 500 | oklch(0.885 0.235 137.86) | #82fb4d | hsl(102, 96%, 64%) |
|
|
| 600 | oklch(0.866 0.271 139.44) | #5cfa17 | hsl(102, 96%, 54%) |
|
|
| 700 | oklch(0.763 0.244 139.95) | #44d405 | hsl(102, 95%, 43%) |
|
|
| 800 | oklch(0.614 0.195 139.71) | #339e04 | hsl(102, 95%, 32%) |
|
|
| 900 | oklch(0.455 0.143 139.34) | #216802 | hsl(102, 96%, 21%) |
|
|
| 950 | oklch(0.281 0.085 137.88) | #103201 | hsl(102, 96%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.073 136.12) | #dcfecd | hsl(102, 96%, 90%) |
|
|
| 100 | oklch(0.933 0.127 136.79) | #c1fda8 | hsl(102, 96%, 83%) |
|
|
| 200 | oklch(0.910 0.177 136.95) | #a7fc82 | hsl(102, 95%, 75%) |
|
|
| 300 | oklch(0.893 0.220 137.59) | #8dfc5d | hsl(102, 96%, 68%) |
|
|
| 400 | oklch(0.877 0.253 138.50) | #72fb37 | hsl(102, 96%, 60%) |
|
|
| 500 | oklch(0.865 0.273 139.65) | #58fa12 | hsl(102, 96%, 53%) |
|
|
| 600 | oklch(0.784 0.251 140.01) | #46dc05 | hsl(102, 96%, 44%) |
|
|
| 700 | oklch(0.667 0.213 139.90) | #38b104 | hsl(102, 96%, 35%) |
|
|
| 800 | oklch(0.547 0.174 139.63) | #2b8703 | hsl(102, 96%, 27%) |
|
|
| 900 | oklch(0.418 0.131 139.24) | #1d5c02 | hsl(102, 96%, 18%) |
|
|
| 950 | oklch(0.281 0.085 137.88) | #103201 | hsl(102, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
