Coral#FF6F61
Peach#FFCBA4
Amber#FFB85F
Taupe#A08C79
Palette direction

Coral Peach Sunrise Color Palette

This color palette balances warm, natural tones with vibrant sunrise-inspired hues to evoke friendliness and warmth suitable for a psychotherapist brand. The three main colors create a recognizable system blending soft warmth and energetic brightness, expressing optimism and trust.

AnalogousHealth Wellnesswarmfriendlypsychotherapistnature-inspired
palette-preview.example
Health Wellness color direction

Coral Peach Sunrise Color Palette

This color palette balances warm, natural tones with vibrant sunrise-inspired hues to evoke friendliness and warmth suitable for a psychotherapist brand. The three main colors create a recognizable system blending soft warmth and energetic brightness, expressing optimism and trust.

Explore the color system
Logo contrast guide

Logo color pairings

ColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.

Logo Charcoal #4A4A4Aon Peach #FFCBA46.0:1 Strong
Logo Charcoal #4A4A4Aon Amber #FFB85F5.2:1 Strong
Logo Charcoal #4A4A4Aon White #FFFFFF8.9:1 Excellent
Logo White #FFFFFFon Charcoal #4A4A4A8.9:1 Excellent
Icon color
BackgroundCoral#FF6F61TextCharcoal#4A4A4A
Primary Button3.25:1
Large text

Best for the main action users should notice first.

BackgroundPeach#FFCBA4TextCharcoal#4A4A4A
Secondary Button6.05:1
AA

Useful for softer choices and secondary paths.

BackgroundWhite#FFFFFFTextCoral#FF6F61
Outlined Button2.73:1
Low

Good for lower-emphasis actions on light surfaces.

BackgroundWhite#FFFFFFTextCoral#FF6F61
Text Button2.73:1
Low

A quiet action for links, navigation, and inline decisions.

Palette composition7 colorsAnalogous color relationship
9:41Coral Peach Sunrise Color Palette Color role balance
Analogous system
60% DominantNeutrals

Backgrounds, large surfaces, whitespace, and reading comfort.

30% SecondarySupport colors

Sections, secondary UI, illustrations, and repeated brand moments.

10% AccentMain colors

High-attention moments like primary actions and memorable highlights.

CCoral Peach Sunrise Color PaletteHealth Wellness brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

The main colors form an analogous color scheme blending coral, peach, and amber hues that feel warm, familiar, and energetic to define an approachable yet uplifting psychotherapist brand.

Clear roles create a consistent brand experience.

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Coral #FF6F61
HeadlineUsed for main titles and key messages.Peach #FFCBA4
LinkUsed for links and interactive text.Coral #FF6F61

Buttons

Primary Button
BackgroundCoral #FF6F61
TextCharcoal #4A4A4A
Secondary Button
BackgroundPeach #FFCBA4
TextCharcoal #4A4A4A
Outlined Button
BackgroundCoral #FF6F61
TextCoral #FF6F61

Interface

TextDefault readable body text.Charcoal #4A4A4A
Bg LightLight page or section background.White #FFFFFF
Bg DarkDark page or section background.Ivory #FAF7F2
IconSmall interface icons and marks.Taupe #A08C79
BorderCards, inputs, and component borders.Taupe #A08C79
DividerSubtle separators between content.Taupe #A08C79
OutlineFocus rings and emphasis outlines.Taupe #A08C79

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

The main colors form an analogous color scheme blending coral, peach, and amber hues that feel warm, familiar, and energetic to define an approachable yet uplifting psychotherapist brand.

PrimaryCoral

RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text

Coral conveys warmth, energy, and approachability, making it a strong recognizable core for the brand's friendly personality.

HEX#FF6F61
RGB255, 111, 97
HSL5, 100, 69
CMYK0, 56, 62, 0
SecondaryPeach

RolesHeadline, Btn Secondary Bg

Peach adds softness and gentle warmth, balancing the palette with a calm, inviting presence that promotes comfort.

HEX#FFCBA4
RGB255, 203, 164
HSL26, 100, 82
CMYK0, 20, 36, 0
TertiaryAmber

Amber brings vibrancy and optimism reminiscent of sunrise, supporting the warmth and hopefulness the brand wishes to communicate.

HEX#FFB85F
RGB255, 184, 95
HSL33, 100, 69
CMYK0, 28, 63, 0

Support Colors

The support colors extend the main palette with gentle earth tones that stabilize the warm hues and emphasize a natural, grounded feel appropriate for therapy.

Taupe

RolesIcon, Border, Divider, Outline

Taupe offers a muted, earthy gray-brown that complements the warmth of the main colors while maintaining visual calm and structure.

HEX#A08C79
RGB160, 140, 121
HSL29, 17, 55
CMYK0, 13, 24, 37

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

White

RolesBg Light

HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Ivory

RolesBg Dark

HEX#FAF7F2
RGB250, 247, 242
HSL38, 44, 96
CMYK0, 1, 3, 2
Charcoal

RolesText, Btn Primary Text, Btn Secondary Text

HEX#4A4A4A
RGB74, 74, 74
HSL0, 0, 29
CMYK0, 0, 0, 71

Export and Handoff

Copy palette values for design systems, websites, and client handoff.

Color tokens

Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.

Use when: you need the actual colors.
:root {
  --color-coral: #FF6F61;
  --color-peach: #FFCBA4;
  --color-amber: #FFB85F;
  --color-taupe: #A08C79;
  --color-white: #FFFFFF;
  --color-ivory: #FAF7F2;
  --color-charcoal: #4A4A4A;
}

Role tokens

Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.

Use when: you need UI roles, not just swatches.
:root {
  --role-logo: #FF6F61;
  --role-link: #FF6F61;
  --role-btn-primary-bg: #FF6F61;
  --role-btn-outlined-border: #FF6F61;
  --role-btn-outlined-text: #FF6F61;
  --role-headline: #FFCBA4;
  --role-btn-secondary-bg: #FFCBA4;
  --role-icon: #A08C79;
  --role-border: #A08C79;
  --role-divider: #A08C79;
  --role-outline: #A08C79;
  --role-bg-light: #FFFFFF;
  --role-bg-dark: #FAF7F2;
  --role-text: #4A4A4A;
  --role-btn-primary-text: #4A4A4A;
  --role-btn-secondary-text: #4A4A4A;
}

JSON

Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.

Use when: a developer or app needs data.
{
    "coral": "#FF6F61",
    "peach": "#FFCBA4",
    "amber": "#FFB85F",
    "taupe": "#A08C79",
    "white": "#FFFFFF",
    "ivory": "#FAF7F2",
    "charcoal": "#4A4A4A"
}
Press Space to load new palette