Palette

Citrus Grove Dawn

Soft, sunrise hues over a blossoming citrus grove, fresh and invigorating yet gentle.

PastelPlayful5 colors

More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB347#FFD172#FFE9A1#FFFBD6#FFFCEE

Palette guide

How to use Citrus Grove Dawn

Overview

The Citrus Grove Dawn palette is a wonderfully gentle collection of soft, sunrise hues, reminiscent of a blossoming grove at first light. It features a delicate #FFB347 (Light Orange), a warmer #FFD172 (Peach), a sunny #FFE9A1 (Pale Yellow), and two ethereal, near-white tones: #FFFBD6 (Cream) and #FFFCEE (Off-White). This pastel palette offers designers and developers a serene yet invigorating range of colors, perfect for creating soft, inviting, and clean digital experiences. Its light and airy quality makes it ideal for projects that seek to evoke freshness, calm, and a gentle sense of optimism.

Best used for

Wellness and spa branding
Baby product design
Wedding invitations and stationery
Minimalist website design
Soft lifestyle photography backdrops
Spring/Easter seasonal campaigns

Suggested color roles

primary

#FFB347 (A soft, approachable orange, ideal for main headings or larger sections that need to feel gentle and inviting.)

secondary

#FFD172 (A warm peach, excellent for supporting elements, subheadings, or subtle calls-to-action.)

accent

#FFE9A1 (A pale yellow that adds a touch of sunny brightness without being overwhelming, suitable for highlights.)

background

#FFFCEE (A very light, off-white base that provides a clean, airy, and gentle canvas for the entire design.)

text

#FFB347 (For soft, readable text on very light backgrounds, or use a medium gray like #666666 for better contrast.)

Accessibility notes

Due to the pastel nature, prioritize contrast carefully. Most colors will require dark text like #000000 or #333333 for readability.
Avoid pairing #FFFBD6 or #FFFCEE with any light text, as this will result in poor contrast.
Use #FFB347 or #FFD172 for larger text sizes only, especially against the lightest backgrounds.
For interactive elements, ensure sufficient contrast against surrounding very light colors (e.g., a minimum 3:1 ratio).

Recommended combinations

Soft Morning

Ideal for clean, airy layouts where #FFFCEE is the background, #FFE9A1 for soft content, and #FFB347 for gentle accents.

#FFFCEE · #FFE9A1 · #FFB347

Gentle Gradient

Excellent for subtle background gradients or soft visual transitions that convey calm and warmth.

#FFD172 · #FFE9A1 · #FFFBD6

Creamy Harmony

Use #FFFBD6 as a base with #FFD172 for secondary elements and #FFB347 for slightly stronger, yet still soft, highlights.

#FFFBD6 · #FFD172 · #FFB347

CSS variables

:root {
  --citrus-grove-dawn-2-1: #FFB347;
  --citrus-grove-dawn-2-2: #FFD172;
  --citrus-grove-dawn-2-3: #FFE9A1;
  --citrus-grove-dawn-2-4: #FFFBD6;
  --citrus-grove-dawn-2-5: #FFFCEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "citrus-grove-dawn-2": {
        1: "#FFB347",
        2: "#FFD172",
        3: "#FFE9A1",
        4: "#FFFBD6",
        5: "#FFFCEE",
      }
    }
  }
}

Hex values

Color 1#FFB347

Color 2#FFD172

Color 3#FFE9A1

Color 4#FFFBD6

Color 5#FFFCEE

Accessibility

Contrast checker

1.2:1Fail

1.5:1Fail

1.7:1Fail

1.2:1Fail

1.4:1Fail

1.5:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.7:1Fail

1.4:1Fail

1.1:1Fail

1:1Fail

1.7:1Fail

1.4:1Fail

1.2:1Fail

1:1Fail

Similar palettes

More like Citrus Grove Dawn

Citrus Grove Dawn

See it in context.

Ready when you are.

Built with Citrus Grove Dawn.

How to use Citrus Grove Dawn

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Morning

Gentle Gradient

Creamy Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Citrus Grove Dawn