Back to palettes

Palette

Abstract Geometric Bloom

A dynamic and playful palette with bold, contrasting colors for a contemporary and artistic feel.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abstract Geometric 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 Abstract Geometric Bloom.

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

Data visualization

#FF6F61#D9E3F0#4B8BBE#F7CAC9#9B59B6

Palette guide

How to use Abstract Geometric Bloom

Overview

The Abstract Geometric Bloom palette offers a dynamic and playful array of bold, contrasting colors for a contemporary and artistic feel. Featuring the lively #FF6F61 (Coral), the serene #D9E3F0 (Light Steel Blue), and the striking #4B8BBE (Steel Blue), this collection is perfect for projects demanding a fresh and modern aesthetic. Designers can leverage its vibrant range to create engaging web interfaces, eye-catching branding, or playful digital illustrations. Developers will appreciate the clear color distinctions for UI elements and establishing visual hierarchy, ensuring a bright and inviting user experience. The soft #F7CAC9 (Pale Pink) and rich #9B59B6 (Amethyst) add depth and versatility, making it ideal for creative and contemporary applications.

Best used for

  • Modern art and graphic design
  • Playful brand identities
  • Youth-focused digital platforms
  • Interactive educational content
  • Contemporary web applications
  • Abstract illustration projects

Suggested color roles

primary

#FF6F61 (Coral) - Use this bright, inviting shade for primary calls-to-action or prominent headings to grab attention.

secondary

#4B8BBE (Steel Blue) - A cool, grounding blue that provides a strong contrast, excellent for secondary elements, navigation, or graphic accents.

accent

#9B59B6 (Amethyst) - Deploy this rich purple for decorative details, hover states, or to highlight specific features with a touch of sophistication.

background

#D9E3F0 (Light Steel Blue) - An excellent light and airy background that allows the bolder colors to pop, creating a fresh feel.

text

For maximum readability, use a dark charcoal or black (#000000) against lighter hues, or #4B8BBE for a subtle dark text on #D9E3F0.

Accessibility notes

  • Ensure text in #FF6F61 has sufficient contrast against backgrounds, especially lighter ones; consider a darker text color.
  • The light #F7CAC9 should not be used for small text on light backgrounds due to potential readability issues.
  • Pair #4B8BBE with light text (white) if used as a dark background, or dark text (black) if used as a foreground element.
  • Always check contrast ratios for interactive elements to ensure accessibility for all users.

Recommended combinations

Playful Contrast

Ideal for dynamic headers, feature sections, or marketing materials that need a vibrant and modern touch.

#FF6F61 · #4B8BBE · #D9E3F0

Soft Bloom

Excellent for creating gentle background patterns, subtle UI elements, or illustrations with a softer, artistic feel.

#D9E3F0 · #F7CAC9 · #9B59B6

Geometric Pop

Perfect for graphic elements, icons, or calls-to-action that need to stand out with a bold, contemporary edge.

#4B8BBE · #FF6F61 · #9B59B6

CSS variables

:root {
  --abstract-geometric-bloom-1: #FF6F61;
  --abstract-geometric-bloom-2: #D9E3F0;
  --abstract-geometric-bloom-3: #4B8BBE;
  --abstract-geometric-bloom-4: #F7CAC9;
  --abstract-geometric-bloom-5: #9B59B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-geometric-bloom": {
        1: "#FF6F61",
        2: "#D9E3F0",
        3: "#4B8BBE",
        4: "#F7CAC9",
        5: "#9B59B6",
      }
    }
  }
}

Related searches

modern playful paletteabstract vibrant colorsgeometric bloom schemecontemporary art huesbright contrasting design

Palette colors

Hex values

Color 1#FF6F61
·
Color 2#D9E3F0
·
Color 3#4B8BBE
·
Color 4#F7CAC9
·
Color 5#9B59B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.3:1Fail
1.9:1Fail
1.7:1Fail
2
2.1:1Fail
2.8:1Fail
1.1:1Fail
3.6:1AA18
3
1.3:1Fail
2.8:1Fail
2.5:1Fail
1.3:1Fail
4
1.9:1Fail
1.1:1Fail
2.5:1Fail
3.2:1AA18
5
1.7:1Fail
3.6:1AA18
1.3:1Fail
3.2:1AA18

Similar palettes

More like Abstract Geometric Bloom

View all vibrant
Abstract Art Canvas
Abstract Canvas Drip
Abstract Geometric Hue
Bauhaus Geometry Play
Candy Block Fun
Carnival Confetti Blast