Back to palettes

Palette

Coastal Cliffside Bloom

The rugged beauty of coastal cliffs meeting wild sea flowers under a soft sky.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coastal Cliffside Bloom reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Coastal Cliffside Bloom.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#708090#B0C4DE#6A808C#90EE90#FFB6C1

Palette guide

How to use Coastal Cliffside Bloom

Overview

The "Coastal Cliffside Bloom" palette beautifully marries the ruggedness of nature with delicate floral accents, evoking a scene where resilient flora thrives against a dramatic coastal backdrop. Anchored by the solid grays of #708090 and #6A808C, which represent weathered rock and distant sea, the palette introduces softer elements. The gentle blue of #B0C4DE suggests a clear sky, while the vibrant #90EE90 (light green) and soft #FFB6C1 (pink) burst forth as delightful, unexpected blooms. This unique combination is perfect for designers looking to blend natural strength with a touch of whimsical, organic beauty.

Best used for

  • Botanical garden or nature reserve branding
  • Whimsical coastal wedding invitations
  • Eco-friendly clothing lines
  • Creative arts and crafts websites
  • Children's book illustrations
  • Summer festival branding

Suggested color roles

primary

Use #708090 for main structural elements, headers, or backgrounds, providing a stable, earthy foundation.

secondary

Apply #6A808C for supporting content blocks, subheadings, or darker UI elements, maintaining the natural feel.

accent

The vibrant #90EE90 and soft #FFB6C1 are perfect for dual accents, creating focal points, buttons, or decorative flourishes.

background

Employ #B0C4DE as a soft, airy background, reminiscent of a clear sky, allowing the other colors to pop.

text

Use a dark charcoal or black (e.g., #333333) for body text, ensuring excellent readability against the lighter background and providing strong contrast.

Accessibility notes

  • Text in #708090 or #6A808C will have good contrast on #B0C4DE.
  • Avoid using #90EE90 or #FFB6C1 for small text due to potential contrast issues; reserve them for larger text or decorative elements.
  • Ensure any text on #B0C4DE is dark enough; #6A808C or charcoal are good choices.
  • When using accent colors, ensure they don't rely solely on color to convey meaning for users with color vision deficiencies.

Recommended combinations

Rugged Bloom

Creates a striking contrast between solid earth tones and a vibrant bloom, ideal for captivating hero sections.

#708090 · #90EE90 · #B0C4DE

Sky & Petal

Perfect for soft, inviting designs, with the gentle pink accent against a serene blue and a grounding gray.

#B0C4DE · #FFB6C1 · #6A808C

Wild Growth

Best for earthy, organic designs emphasizing natural textures and growth, suitable for environmental themes.

#6A808C · #90EE90 · #708090

CSS variables

:root {
  --coastal-cliffside-bloom-1: #708090;
  --coastal-cliffside-bloom-2: #B0C4DE;
  --coastal-cliffside-bloom-3: #6A808C;
  --coastal-cliffside-bloom-4: #90EE90;
  --coastal-cliffside-bloom-5: #FFB6C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-cliffside-bloom": {
        1: "#708090",
        2: "#B0C4DE",
        3: "#6A808C",
        4: "#90EE90",
        5: "#FFB6C1",
      }
    }
  }
}

Related searches

coastal gray green pink palettecliffside floral colorsnatural earthy bloom schemerugged pastel color combosea and flower design palette

Palette colors

Hex values

Color 1#708090
·
Color 2#B0C4DE
·
Color 3#6A808C
·
Color 4#90EE90
·
Color 5#FFB6C1
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1:1Fail
2.9:1Fail
2.5:1Fail
2
2.3:1Fail
2.3:1Fail
1.3:1Fail
1.1:1Fail
3
1:1Fail
2.3:1Fail
2.9:1Fail
2.5:1Fail
4
2.9:1Fail
1.3:1Fail
2.9:1Fail
1.2:1Fail
5
2.5:1Fail
1.1:1Fail
2.5:1Fail
1.2:1Fail

Similar palettes

More like Coastal Cliffside Bloom

View all earth
Adobe Sunset
Aegean Cliffside Home
Ancient Canyon Echo
Ancient Earth Whisper
Ancient Forest Bark
Ancient Mossy Stone