Back to palettes

Palette

Citrus Grove Splash

A zesty burst of coral, yellow, and green, like a refreshing mix of ripe citrus fruits plucked fresh from the grove.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Citrus Grove Splash 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 Citrus Grove Splash.

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

Data visualization

#FF6F61#FFD166#D9ED92#5EBE87#3E7873

Palette guide

How to use Citrus Grove Splash

Overview

The Citrus Grove Splash palette is a zesty burst of coral, yellow, and green, like a refreshing mix of ripe citrus fruits plucked fresh from the grove. It features a cheerful #FF6F61 (Coral), a sunny #FFD166 (Golden Yellow), a refreshing #D9ED92 (Pale Green), a vibrant #5EBE87 (Jade Green), and a deep #3E7873 (Teal Green). This palette offers designers and developers a balanced range of warm and cool hues, perfect for creating lively, fresh, and visually engaging digital experiences. It's ideal for projects that aim to evoke natural freshness, playfulness, and a modern, healthy aesthetic.

Best used for

  • Healthy food and beverage branding
  • Eco-friendly product packaging
  • Summer lifestyle blogs and websites
  • Children's educational apps
  • Spa and wellness branding with a fresh twist
  • Digital marketing campaigns promoting natural products

Suggested color roles

primary

#FFD166 (A sunny golden yellow, perfect for main headers, prominent UI elements, or cheerful branding.)

secondary

#5EBE87 (A vibrant jade green, ideal for supporting content, playful accents, or secondary calls-to-action.)

accent

#FF6F61 (A cheerful coral that provides a warm, inviting pop, excellent for highlights, interactive elements, or alerts.)

background

#D9ED92 (A soft, pale green base that provides an airy, natural, and modern canvas, allowing the vibrant colors to pop.)

text

#3E7873 (A sophisticated deep teal green, offering excellent readability against light backgrounds, or use a true black #000000 for maximum contrast.)

Accessibility notes

  • Ensure high contrast when pairing #D9ED92 with light text; use #3E7873 or #000000 for readability.
  • The darker tones, #FF6F61, #FFD166, #5EBE87, and #3E7873, offer good contrast for white or very light text.
  • Avoid using #D9ED92 for small text against #FFD166; contrast may be insufficient.
  • For interactive elements, ensure #FF6F61 and #5EBE87 have at least a 3:1 contrast ratio against surrounding colors to meet WCAG AA.

Recommended combinations

Fresh Harmony

Ideal for clean layouts with #D9ED92 as background, #FFD166 for content, and #5EBE87 for fresh, modern accents.

#D9ED92 · #FFD166 · #5EBE87

Zesty Pop

Excellent for energetic hero sections, with #FFD166 as background, #FF6F61 for main content, and #3E7873 for striking accents.

#FF6F61 · #FFD166 · #3E7873

Cool Contrast

Use #D9ED92 as a clean base, #3E7873 for bold headings, and #5EBE87 for complementary graphical elements or links.

#D9ED92 · #3E7873 · #5EBE87

CSS variables

:root {
  --citrus-grove-splash-1: #FF6F61;
  --citrus-grove-splash-2: #FFD166;
  --citrus-grove-splash-3: #D9ED92;
  --citrus-grove-splash-4: #5EBE87;
  --citrus-grove-splash-5: #3E7873;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "citrus-grove-splash": {
        1: "#FF6F61",
        2: "#FFD166",
        3: "#D9ED92",
        4: "#5EBE87",
        5: "#3E7873",
      }
    }
  }
}

Related searches

citrus coral green paletteenergetic fresh colorsplayful natural brandinghealthy ui design schemesummer fruit splash colors

Palette colors

Hex values

Color 1#FF6F61
·
Color 2#FFD166
·
Color 3#D9ED92
·
Color 4#5EBE87
·
Color 5#3E7873
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.1:1Fail
1.2:1Fail
1.9:1Fail
2
1.9:1Fail
1.1:1Fail
1.6:1Fail
3.5:1AA18
3
2.1:1Fail
1.1:1Fail
1.8:1Fail
4:1AA18
4
1.2:1Fail
1.6:1Fail
1.8:1Fail
2.2:1Fail
5
1.9:1Fail
3.5:1AA18
4:1AA18
2.2:1Fail

Similar palettes

More like Citrus Grove Splash

View all vibrant
Citrus Spritz Splash
Citrus Zest Pop
Grapefruit Spritzer Fun
Citrus Spritz Burst
Exotic Juice Burst
Fruit Medley