Back to palettes

Palette

Crimson Tidepool

A vibrant and dramatic palette mirroring the shifting, intense colors of a lively, sunlit tidepool.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Tidepool 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 Crimson Tidepool.

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

Data visualization

#DC143C#B22222#8B0000#A52A2A#D2691E

Palette guide

How to use Crimson Tidepool

Overview

The Crimson Tidepool palette presents a vibrant and dramatic collection mirroring the shifting, intense colors of a lively, sunlit tidepool. Featuring bold reds like #DC143C and #B22222, alongside earthy tones such as #8B0000 and a surprising #D2691E (burnt orange), this collection is perfect for projects that demand energetic and unique visual appeal. Designers can utilize its dynamic range for impactful branding or engaging digital interfaces. Developers will find these distinct hex codes valuable for crafting harmonious gradients, defining clear visual hierarchies, and creating an immersive experience that evokes nature's vibrant energy.

Best used for

  • Nature-inspired branding and packaging
  • Coastal or oceanic themed websites
  • Children's educational materials
  • Outdoor adventure gear marketing
  • Vibrant digital illustrations
  • Event promotions with a natural twist

Suggested color roles

primary

#B22222 for a strong, energetic base that anchors the design.

secondary

#DC143C to introduce a vibrant and playful layer, suitable for headings or key interactive elements.

accent

#D2691E for a surprising, warm accent that adds depth and a unique twist.

background

#8B0000 provides a deep, grounding backdrop, allowing brighter colors to appear more vivid.

text

A crisp white or light cream against darker reds, or a dark brown/charcoal against #DC143C for optimal readability.

Accessibility notes

  • Ensure sufficient contrast for text on #8B0000 and #A52A2A backgrounds; light text is essential.
  • Text in #B22222 or #DC143C will likely need a light background for readability.
  • Be cautious of using #D2691E on #DC143C as text/background due to potential low contrast.
  • Use clear visual cues beyond color alone to indicate interactive elements, especially in a vibrant palette.

Recommended combinations

Oceanic Depths

Ideal for creating a deep, mysterious gradient in backgrounds or larger elements.

#8B0000 · #A52A2A · #B22222

Sunlit Pop

Perfect for energetic calls to action or vibrant highlights that stand out.

#DC143C · #D2691E · #B22222

Earthy Energy

Great for textured backgrounds, illustrative details, or subtle UI elements.

#A52A2A · #D2691E · #DC143C

CSS variables

:root {
  --crimson-tidepool-1: #DC143C;
  --crimson-tidepool-2: #B22222;
  --crimson-tidepool-3: #8B0000;
  --crimson-tidepool-4: #A52A2A;
  --crimson-tidepool-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-tidepool": {
        1: "#DC143C",
        2: "#B22222",
        3: "#8B0000",
        4: "#A52A2A",
        5: "#D2691E",
      }
    }
  }
}

Related searches

vibrant red orange palettedramatic oceanic colorsenergetic nature brandingcrimson and burnt orangetidepool inspired design

Palette colors

Hex values

Color 1#DC143C
·
Color 2#B22222
·
Color 3#8B0000
·
Color 4#A52A2A
·
Color 5#D2691E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
1.4:1Fail
1.4:1Fail
2
1.3:1Fail
1.5:1Fail
1.1:1Fail
1.8:1Fail
3
2:1Fail
1.5:1Fail
1.4:1Fail
2.8:1Fail
4
1.4:1Fail
1.1:1Fail
1.4:1Fail
1.9:1Fail
5
1.4:1Fail
1.8:1Fail
2.8:1Fail
1.9:1Fail

Similar palettes

More like Crimson Tidepool

View all warm
Canyon Sunset Glow
Crimson Ember Blaze
Crimson Sunset Haze
Fiery Canyon Walls
Sunset Inferno Blaze
Autumn Bonfire Blaze