Coastal Calm Color Palette
A serene blend of deep slate and tranquil teal, accented by soft mint and delicate cream, evoking a coastal calm that feels both sophisticated and refreshing.
Practical uses and creative applications
The Coastal Calm Color Palette is a serene blend of deep ocean tones and soothing neutrals, featuring rich shades like #2d2d29, #215a6d, #3ca2a2, #92c7a3, and #dfece6. This palette is perfect for branding projects that seek to evoke tranquility and a sense of connection to nature.
Ideal for wellness brands, eco-friendly products, and coastal-themed businesses, these colors can help create a visual identity that resonates with audiences seeking peace and sustainability. In web design, the Coastal Calm palette can be used to craft inviting user interfaces that promote relaxation and ease of navigation.
Its refreshing hues are particularly suited for websites focused on lifestyle, health, and travel, making them ideal for creatives looking to convey a laid-back vibe. Additionally, this palette shines in packaging design, where it can enhance the aesthetic appeal of products like organic skincare lines or artisanal goods, appealing to consumers who value natural beauty and simplicity.
Interior designers can also embrace the Coastal Calm Color Palette to create serene living spaces that evoke the tranquility of the seaside. Whether used for accent walls or decorative elements, these colors can transform homes into peaceful retreats.
This palette is perfect for anyone looking to inspire a calming atmosphere, making it a go-to choice for designers and creatives who want to bring a breath of fresh air into their 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.927 0.004 106.48) | #e7e7e4 | hsl(60, 6%, 90%) |
|
|
| 100 | oklch(0.815 0.008 106.58) | #c3c3bd | hsl(60, 5%, 75%) |
|
|
| 200 | oklch(0.703 0.014 106.76) | #a0a096 | hsl(60, 5%, 61%) |
|
|
| 300 | oklch(0.580 0.016 106.90) | #7b7b70 | hsl(60, 5%, 46%) |
|
|
| 400 | oklch(0.444 0.011 106.85) | #54544d | hsl(60, 4%, 32%) |
|
|
| 500 | oklch(0.296 0.007 106.82) | #2d2d29 | hsl(60, 5%, 17%) |
|
|
| 600 | oklch(0.280 0.005 106.74) | #292926 | hsl(60, 4%, 15%) |
|
|
| 700 | oklch(0.267 0.007 106.88) | #262622 | hsl(60, 6%, 14%) |
|
|
| 800 | oklch(0.251 0.006 106.79) | #22221f | hsl(60, 5%, 13%) |
|
|
| 900 | oklch(0.234 0.004 106.69) | #1e1e1c | hsl(60, 3%, 11%) |
|
|
| 950 | oklch(0.221 0.006 106.86) | #1b1b18 | hsl(60, 6%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.023 220.73) | #d8ecf3 | hsl(196, 53%, 90%) |
|
|
| 100 | oklch(0.845 0.052 219.76) | #a7d5e4 | hsl(195, 53%, 77%) |
|
|
| 200 | oklch(0.763 0.079 221.54) | #77bed6 | hsl(195, 54%, 65%) |
|
|
| 300 | oklch(0.684 0.101 223.10) | #46a7c7 | hsl(195, 54%, 53%) |
|
|
| 400 | oklch(0.569 0.089 224.42) | #30829e | hsl(195, 53%, 40%) |
|
|
| 500 | oklch(0.439 0.066 223.52) | #215a6d | hsl(195, 54%, 28%) |
|
|
| 600 | oklch(0.399 0.059 224.25) | #1d4e5f | hsl(195, 53%, 24%) |
|
|
| 700 | oklch(0.360 0.052 223.10) | #194351 | hsl(195, 53%, 21%) |
|
|
| 800 | oklch(0.317 0.045 223.61) | #143743 | hsl(195, 54%, 17%) |
|
|
| 900 | oklch(0.276 0.037 221.80) | #102c35 | hsl(195, 54%, 14%) |
|
|
| 950 | oklch(0.230 0.029 223.20) | #0c2027 | hsl(196, 53%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.024 196.75) | #daf1f1 | hsl(180, 45%, 90%) |
|
|
| 100 | oklch(0.887 0.047 196.34) | #b7e4e4 | hsl(180, 45%, 81%) |
|
|
| 200 | oklch(0.838 0.067 195.94) | #95d8d8 | hsl(180, 46%, 72%) |
|
|
| 300 | oklch(0.787 0.086 195.55) | #72cbcb | hsl(180, 46%, 62%) |
|
|
| 400 | oklch(0.738 0.100 195.20) | #4fbebe | hsl(180, 46%, 53%) |
|
|
| 500 | oklch(0.654 0.093 195.13) | #3ca2a2 | hsl(180, 46%, 44%) |
|
|
| 600 | oklch(0.579 0.081 195.15) | #338989 | hsl(180, 46%, 37%) |
|
|
| 700 | oklch(0.502 0.069 195.18) | #2a7070 | hsl(180, 45%, 30%) |
|
|
| 800 | oklch(0.421 0.057 195.20) | #205757 | hsl(180, 46%, 23%) |
|
|
| 900 | oklch(0.336 0.044 195.27) | #173e3e | hsl(180, 46%, 17%) |
|
|
| 950 | oklch(0.246 0.029 195.43) | #0e2525 | hsl(180, 45%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.023 157.58) | #ddeee3 | hsl(141, 33%, 90%) |
|
|
| 100 | oklch(0.903 0.033 156.49) | #cee6d6 | hsl(140, 32%, 85%) |
|
|
| 200 | oklch(0.872 0.044 155.77) | #bfdec9 | hsl(139, 32%, 81%) |
|
|
| 300 | oklch(0.841 0.054 155.19) | #b0d6bc | hsl(139, 32%, 76%) |
|
|
| 400 | oklch(0.813 0.065 155.23) | #a1cfb0 | hsl(140, 32%, 72%) |
|
|
| 500 | oklch(0.783 0.075 154.64) | #92c7a3 | hsl(139, 32%, 68%) |
|
|
| 600 | oklch(0.706 0.103 153.31) | #6bb382 | hsl(139, 32%, 56%) |
|
|
| 700 | oklch(0.612 0.105 152.83) | #4d9665 | hsl(140, 32%, 45%) |
|
|
| 800 | oklch(0.494 0.082 153.16) | #396f4b | hsl(140, 32%, 33%) |
|
|
| 900 | oklch(0.371 0.059 153.37) | #254931 | hsl(140, 33%, 22%) |
|
|
| 950 | oklch(0.233 0.031 154.81) | #112217 | hsl(141, 33%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 100 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 200 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 300 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 400 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 500 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 600 | oklch(0.822 0.043 165.21) | #accebe | hsl(152, 26%, 74%) |
|
|
| 700 | oklch(0.709 0.068 164.14) | #79af96 | hsl(152, 25%, 58%) |
|
|
| 800 | oklch(0.575 0.070 163.14) | #50866d | hsl(152, 25%, 42%) |
|
|
| 900 | oklch(0.411 0.047 164.50) | #315344 | hsl(154, 26%, 26%) |
|
|
| 950 | oklch(0.229 0.022 164.26) | #13201a | hsl(152, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
