Palette

Orchard Citrus Fresh

A delightful, refreshing mix of bright yellows and greens, like a sunny, ripe citrus orchard.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Orchard Citrus Fresh 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 Orchard Citrus Fresh.

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

Data visualization

#FFA500#FFD700#ADFF2F#98FB98#87CEEB

Palette guide

How to use Orchard Citrus Fresh

Overview

The Orchard Citrus Fresh palette is a vibrant and energetic collection, bursting with the lively hues of a sun-drenched orchard. It features a bright orange (#FFA500), a brilliant golden yellow (#FFD700), a zesty lime green (#ADFF2F), and a soft mint green (#98FB98). A refreshing sky blue (#87CEEB) adds a cool, expansive touch, balancing the warmth of the citrus tones. This palette is perfect for designers aiming to create cheerful, modern, and invigorating experiences. Ideal for health and wellness brands, children's products, or any project requiring a fresh, playful, and optimistic visual identity, it ensures designs feel lively and engaging.

Best used for

Healthy food and beverage branding
Children's educational apps
Outdoor adventure product packaging
Summer event promotions
Eco-friendly service websites
Fitness and wellness app interfaces

Suggested color roles

primary

#FFD700 - A brilliant golden yellow, excellent for hero sections, main calls-to-action, or to convey energy and optimism.

secondary

#ADFF2F - A vibrant lime green, perfect for subheadings, secondary interactive elements, or to emphasize freshness.

accent

#FFA500 - A bold orange, ideal for high-impact buttons, important alerts, or small elements needing maximum attention.

background

#98FB98 - A soft mint green, providing a fresh, calm, and invigorating base that allows other colors to pop.

text

dark charcoal - For primary body text to ensure readability. #FFA500 can be used for headings on #98FB98.

Accessibility notes

Use dark text (e.g., charcoal or black) on #FFD700, #ADFF2F, #98FB98, and #87CEEB for optimal readability.
#FFA500 can be used for larger headings on lighter backgrounds, but avoid for small body text.
Ensure sufficient contrast for interactive elements, especially when using adjacent vibrant colors.
Consider the implications of bright colors on users with photosensitivity or color vision deficiencies; offer alternatives if possible.

Recommended combinations

Sunrise Zest

A bright and energetic combination, great for headers, banners, or conveying excitement and freshness.

#FFD700 · #FFA500 · #87CEEB

Garden Fresh

Creates a natural, lively feel, suitable for eco-friendly branding, illustrations, or content related to health.

#ADFF2F · #98FB98 · #FFD700

Vibrant Sky

A playful and modern mix, good for interactive elements, infographics, or designs needing a dynamic edge.

#87CEEB · #FFA500 · #ADFF2F

CSS variables

:root {
  --orchard-citrus-fresh-1: #FFA500;
  --orchard-citrus-fresh-2: #FFD700;
  --orchard-citrus-fresh-3: #ADFF2F;
  --orchard-citrus-fresh-4: #98FB98;
  --orchard-citrus-fresh-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-citrus-fresh": {
        1: "#FFA500",
        2: "#FFD700",
        3: "#ADFF2F",
        4: "#98FB98",
        5: "#87CEEB",
      }
    }
  }
}

Hex values

Color 1#FFA500

Color 2#FFD700

Color 3#ADFF2F

Color 4#98FB98

Color 5#87CEEB

Accessibility

Contrast checker

1.4:1Fail

1.6:1Fail

1.1:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

1.6:1Fail

1.1:1Fail

1:1Fail

1.4:1Fail

1.6:1Fail

1.1:1Fail

1:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

Similar palettes

More like Orchard Citrus Fresh

Orchard Citrus Fresh

See it in context.

Ready when you are.

Built with Orchard Citrus Fresh.

How to use Orchard Citrus Fresh

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunrise Zest

Garden Fresh

Vibrant Sky

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Orchard Citrus Fresh