Psyche Creative — Connecting Humanity to Healing
Free resource · Branding

Colour palettes for therapists, with hex codes and contrast checks

Twelve calming, professional colour palettes built for therapy websites, social templates and print. Each one shows the colours in use, lists the hex codes for every role, and checks the contrast against WCAG so your text stays readable. Copy the hex codes, or copy ready-made CSS variables straight into your site.

Grounded Sage
Steady, natural, unhurried
Book a call
Best for: Trauma and EMDR practices
Background
#F6F4EF
Surface
#E9E8E3
Primary
#4F6358
Text
#2B2F2C
Accent
#C9A27E
AaBody text on background12.4:1 · AAA
AaWhite button text on primary6.4:1 · AA
AaPrimary on background5.9:1 · AA
Steady Blue
Calm, clear, trustworthy
Book a call
Best for: Anxiety and CBT
Background
#F5F8FA
Surface
#E6ECF1
Primary
#3B6585
Text
#1F2A33
Accent
#A9C6D9
AaBody text on background13.7:1 · AAA
AaWhite button text on primary6.2:1 · AA
AaPrimary on background5.8:1 · AA
Warm Clay
Warm, human, welcoming
Book a call
Best for: Couples and relationship therapy
Background
#FBF6F1
Surface
#F3E9E1
Primary
#9A4F2E
Text
#3A2A22
Accent
#E3B9A0
AaBody text on background12.7:1 · AAA
AaWhite button text on primary5.9:1 · AA
AaPrimary on background5.5:1 · AA
Gentle Meadow
Bright, friendly, reassuring
Book a call
Best for: Children and family work
Background
#FFFBF2
Surface
#EEF0E6
Primary
#2F6E60
Text
#26323A
Accent
#F2C46D
AaBody text on background12.7:1 · AAA
AaWhite button text on primary6.0:1 · AA
AaPrimary on background5.8:1 · AA
Softened Navy
Expert, serious, still warm
Book a call
Best for: Psychology clinics
Background
#FAFAF7
Surface
#E8EBEB
Primary
#1F3A5F
Text
#1A1F26
Accent
#8FB3A8
AaBody text on background15.8:1 · AAA
AaWhite button text on primary11.5:1 · AAA
AaPrimary on background11.0:1 · AAA
Dusk Lavender
Soft, reflective, compassionate
Book a call
Best for: Grief and bereavement
Background
#F7F5F9
Surface
#EBE8EF
Primary
#5E5478
Text
#2A2633
Accent
#C8BEDB
AaBody text on background13.6:1 · AAA
AaWhite button text on primary7.0:1 · AA
AaPrimary on background6.4:1 · AA
Quiet Teal
Balanced, fresh, composed
Book a call
Best for: Hypnotherapy and wellbeing
Background
#F3F8F7
Surface
#E3EDEC
Primary
#2F6F73
Text
#1E2B2C
Accent
#E8D8B8
AaBody text on background13.6:1 · AAA
AaWhite button text on primary5.8:1 · AA
AaPrimary on background5.4:1 · AA
Soft Blush
Tender, gentle, safe
Book a call
Best for: Eating disorders and body image
Background
#FCF7F5
Surface
#F3EAE8
Primary
#875757
Text
#33292A
Accent
#E7C8C0
AaBody text on background13.3:1 · AAA
AaWhite button text on primary5.9:1 · AA
AaPrimary on background5.6:1 · AA
Charcoal & Moss
Grounded, direct, unfussy
Book a call
Best for: Men's therapy and addiction
Background
#F4F4F1
Surface
#E5E6E2
Primary
#3D4A3A
Text
#1C1F1B
Accent
#B88A4E
AaBody text on background15.1:1 · AAA
AaWhite button text on primary9.4:1 · AAA
AaPrimary on background8.5:1 · AAA
Ink & Gold
Authoritative, established
Book a call
Best for: Trainers, supervisors and CPD
Background
#FBFAF6
Surface
#EAEBEA
Primary
#23395B
Text
#1B2230
Accent
#C79A3B
AaBody text on background15.3:1 · AAA
AaWhite button text on primary11.6:1 · AAA
AaPrimary on background11.1:1 · AAA
Calm Slate
Predictable, clear, low-stimulus
Book a call
Best for: Neurodivergent-affirming practices
Background
#FAF8F3
Surface
#ECECE9
Primary
#4A5D7A
Text
#22262E
Accent
#E0B872
AaBody text on background14.3:1 · AAA
AaWhite button text on primary6.7:1 · AA
AaPrimary on background6.3:1 · AA
Mauve & Peach
Nurturing, soft, hopeful
Book a call
Best for: Perinatal and parenting support
Background
#FDF8F4
Surface
#F1EBEA
Primary
#6B5B73
Text
#2E2A30
Accent
#D9B8A6
AaBody text on background13.4:1 · AAA
AaWhite button text on primary6.2:1 · AA
AaPrimary on background5.9:1 · AA

How to choose a colour palette for your therapy practice

Start with how you want someone to feel in the first few seconds on your site, not with a favourite colour. Someone arriving after a difficult week needs to feel that they can slow down. That usually means muted tones, plenty of light background, and one confident colour doing the work of guiding them to the next step.

  • —Background and surface carry most of the page. Keep them light and slightly warm — off-white reads as calmer than pure white.
  • —Your primary colour is for buttons, links and headings. It needs strong contrast against the background.
  • —The accent is seasoning: highlights, icons, small details. If it covers more than about a tenth of the page it stops being an accent.
  • —Text should be a very dark tint of your palette rather than pure black. It's softer on the eye and still passes contrast easily.

Using the 60–30–10 rule

A simple way to keep a palette balanced: roughly 60% background, 30% surface and text, 10% primary and accent. On a therapy website that means mostly calm space, with colour reserved for the things you want people to notice — your booking button above all.

Why contrast matters more than the colours themselves

Low-contrast pale grey text on a cream background is one of the most common problems we see on therapist websites. It looks soft in a design mock-up and becomes hard to read on a phone in daylight — and harder still for anyone with low vision or who is reading while distressed. Every palette here has been checked so that body text and buttons meet WCAG AA.

Next steps

Pair your palette with type from our font pairings for therapists, then record both in a style guide so everything stays consistent. Our guide to the best colours for therapist websites goes deeper on colour psychology, and if you'd like a palette made for your practice specifically, that's part of our brand identity work.

Questions

Frequently asked questions

What colours are best for a therapy website?

Muted, nature-led colours — sage and forest greens, soft blues, warm neutrals and earthy tones — tend to feel calm and trustworthy. What matters most is that the palette suits the people you work with and that text keeps strong contrast against its background.

What does 'AA' contrast mean?

It refers to the Web Content Accessibility Guidelines (WCAG). Level AA asks for a contrast ratio of at least 4.5:1 for normal body text and 3:1 for large text. Level AAA asks for 7:1. Every palette here passes AA for body text, links and buttons.

How many colours should a therapist brand have?

Usually four or five: a background, a lighter or darker surface colour, one primary brand colour, one accent, and a text colour. Fewer colours used consistently look more professional than many used occasionally.

Can I use these palettes for my own practice?

Yes. They're free to use for your website, social media templates, leaflets and anything else. Colours can't be owned, so there's nothing to credit — though we'd love to see what you make.

Should therapists avoid any colours?

Avoid large areas of saturated red, neon brights and stark clinical white with pure black text. They can feel urgent, overstimulating or cold. Red can still work as a small accent in a warm palette.

Rather have it done for you?

Let's talk about your practice.

If you'd prefer a designer who knows the therapy sector to handle this properly, a free 30-minute call is the place to start.

Book a Free Call →