Color Codes › Coastal Palette
Coastal colour palette
Breezy, light colours of the seaside — sand, seafoam, sky blue and driftwood. Calm, fresh and airy for beachy, relaxed designs. Click any swatch to copy its hex, or download the whole palette as a CSS file.
#A7C7E7
rgb(167, 199, 231)
#CDE6DD
rgb(205, 230, 221)
#F3E9DC
rgb(243, 233, 220)
#D6C7A1
rgb(214, 199, 161)
#7FB0B3
rgb(127, 176, 179)
#E8E0D5
rgb(232, 224, 213)
#9BBFC4
rgb(155, 191, 196)
#C9B79C
rgb(201, 183, 156)
About this coastal palette
Breezy, light colours of the seaside — sand, seafoam, sky blue and driftwood. Calm, fresh and airy for beachy, relaxed designs. Every swatch above is click-to-copy, and the download button gives you a ready-made CSS file with all 8 colours as custom properties.
Using the palette
Mix and match these as backgrounds, accents and text — but always check contrast for readability. Want to adjust one? Drop its hex into the picker, or convert it to OKLCH for a perceptual design-token scale.
What colours are in a coastal palette?
Breezy, light colours of the seaside — sand, seafoam, sky blue and driftwood. Calm, fresh and airy for beachy, relaxed designs.
Can I download this palette?
Yes — the download button gives you a CSS file with all the swatches as custom properties, free and with no signup.
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →