Beautiful brand colours should help people recognise, understand and enjoy your business. They should not make your website difficult to read.
The soft blush, pale sage or warm neutral that looks perfect on a moodboard may become almost invisible when used for text, buttons or important website controls. The good news is that accessibility does not require abandoning subtle, expressive colours. It simply requires using each colour for an appropriate purpose.
This collection includes 50 original palettes for creative businesses, makers, photographers, florists, designers, wellness brands and thoughtful online shops. Each one contains four clearly defined colour roles and tested foreground-background combinations based on the Web Content Accessibility Guidelines 2.2.
Use these palettes as a starting point for your website, social graphics, packaging or client work. You can also adapt them to the broader aesthetic direction explored in our guide to building a cohesive visual style for your brand.
What makes a colour pairing accessible?
An individual colour is not accessible or inaccessible on its own. Accessibility depends on the relationship between a foreground colour and the colour behind it.
- Normal text requires a contrast ratio of at least 4.5:1.
- Large text requires at least 3:1.
- Essential interface components and meaningful graphics generally require 3:1 against adjacent colours.
- Logo text is exempt, although readability still matters.
You can independently verify any pairing with the WebAIM Contrast Checker. Do not round a near-pass upward: a calculated ratio of 4.49:1 still fails the 4.5:1 threshold.
How to use the palette swatches
Each palette contains a Canvas for light backgrounds, an expressive Accent, a darker Primary colour and an Ink shade for body text, navigation and high-contrast controls. The hex code appears directly inside each swatch, so you can copy it into your website or design software.
Warm and earthy accessible palettes
1. Blush and Evergreen
A soft, botanical palette for florists, photographers, wedding businesses and nature-led studios. Primary green on the blush canvas has a contrast ratio of 6.91:1. The darker ink reaches 11.00:1. White text on the primary green also passes at 8.00:1.
2. Quiet Terracotta
Warm, grounded and tactile, this palette suits ceramicists, interior studios and slow-living brands. Brown on cream reaches 8.35:1, while the ink colour reaches 13.92:1. White can safely be used on either dark shade.
3. Coastal Clay
A combination of warm clay and softened coastal blue. The primary blue-grey passes normal text at 5.61:1 on the canvas, while the ink reaches 10.62:1.
4. Warm Minimalist
This restrained neutral palette feels refined without becoming cold. The primary brown provides 7.65:1 contrast on the canvas. The ink provides 13.65:1 and works well for long passages of text.
5. Moss and Linen
Natural linen, moss and deep olive make this a strong option for sustainable brands and handmade products. Primary on canvas reaches 6.91:1; ink on canvas reaches 12.07:1.
6. Rosewood Paper
A muted, bookish palette with a gentle editorial quality. Rosewood on the pale paper background has a ratio of 7.46:1. The darkest shade reaches 13.07:1.
7. Copper and Cream
Warm copper adds personality without overwhelming the softer neutrals. Primary brown on cream reaches 8.29:1, and ink on cream reaches 13.62:1.
8. Paprika and Stone
A versatile palette for hospitality, food, homeware and creative service brands. Stone-grey text on the canvas reaches 6.95:1. The ink shade reaches 12.56:1.
9. Clay and Cypress
This palette pairs expressive terracotta with steady botanical green. Cypress on the warm canvas passes at 6.70:1, while the ink green reaches 11.42:1.
10. Cocoa Blush
Soft blush becomes more sophisticated when grounded by deep cocoa. The primary shade reaches 8.16:1 on the canvas. The ink reaches 13.63:1.
Botanical and sustainable brand palettes
11. Sage Studio
A calm studio palette for consultants, wellness businesses and conscious designers. Primary green on the canvas reaches 6.06:1. Ink green reaches 11.28:1.
12. Golden Olive
Golden yellow brings warmth to a grounded olive base. Olive on cream reaches 6.03:1, while the ink provides 11.61:1.
13. Peach and Pine
A welcoming option for personal brands, photographers and creative educators. Pine on pale peach reaches 6.79:1. The ink green reaches 11.49:1.
14. Fern and Coral
Coral keeps this botanical palette lively and contemporary. Fern on the canvas reaches 6.10:1. Ink green reaches 11.29:1.
15. Juniper Mist
A cooler green palette with a calm, modern character. Juniper on mist reaches 7.14:1. The ink reaches 11.92:1.
16. Eucalyptus Rose
Muted eucalyptus and rose feel soft but not overly delicate. Rose on the pale canvas reaches 5.91:1. The darker ink reaches 11.54:1.
17. Meadow and Butter
This cheerful nature-led palette works well for garden, food and educational brands. Meadow green on the butter canvas reaches 6.37:1. Ink reaches 12.11:1.
18. Forest Petal
A romantic palette made more practical through deep forest tones. Forest green on the pale pink canvas reaches 7.43:1. Ink reaches 12.46:1.
19. Pistachio Plum
Fresh pistachio and rich plum create a distinctive palette for food, beauty and boutique brands. Plum on the canvas reaches 8.28:1. Ink reaches 13.62:1.
20. Botanical Black
A restrained alternative to pure black and white. The primary green-black reaches 8.96:1 on the canvas, while the ink reaches 13.62:1.
Soft pink and romantic palettes
21. Dusty Rose Editorial
A romantic palette with enough depth for editorial and professional use. Primary rosewood on the canvas reaches 7.57:1. Ink reaches 14.04:1.
22. Berry Cream
Berry tones add confidence to a soft cream base. Primary on canvas reaches 7.95:1. Ink reaches 13.58:1.
23. Cherry Blossom
Gentle blossom pink becomes more usable when paired with deep cherry. Primary on canvas reaches 7.38:1. Ink reaches 13.23:1.
24. Mulberry Mist
A muted violet-pink palette with a thoughtful, literary mood. Mulberry on mist reaches 7.73:1. Ink reaches 13.14:1.
25. Rainy Rose
Cool slate balances the warmth of dusty rose. Slate on the canvas reaches 6.76:1. Ink reaches 11.78:1.
26. Cranberry Linen
Rich cranberry adds distinction to a natural linen base. Primary on linen reaches 8.29:1. Ink reaches 13.47:1.
27. Apricot and Aubergine
Warm apricot and deep aubergine feel expressive without becoming loud. Aubergine on canvas reaches 7.39:1. Ink reaches 13.26:1.
28. Mint and Mulberry
Cool mint gives the richer mulberry shades room to breathe. Primary on mint reaches 8.62:1. Ink reaches 14.09:1.
29. Fig and Honey
Deep fig and golden honey create a warm, premium palette. Fig on cream reaches 7.80:1. Ink reaches 13.29:1.
30. Rose and Espresso
Soft rose gains depth and authority from warm espresso tones. Primary on canvas reaches 7.70:1, while the ink reaches 13.81:1.
Blue, teal and coastal palettes
31. Sea Glass
A fresh, tranquil palette for wellness, accommodation and coastal businesses. Primary teal on the canvas reaches 5.64:1. Ink reaches 11.03:1.
32. Sunwashed Blue
This softened blue palette feels professional without becoming corporate. Primary blue on the canvas reaches 6.51:1. Ink reaches 11.25:1.
33. Desert Sky
Warm desert clay contrasts with a cool blue-grey. Primary blue on the canvas reaches 5.18:1. Ink reaches 9.80:1.
34. Teal and Sand
A grounded palette for travel, hospitality and nature-based brands. Primary teal on sand reaches 5.84:1. Ink reaches 10.95:1.
35. Slate and Shell
Shell pink adds warmth to a practical slate foundation. Primary on canvas reaches 6.63:1. Ink reaches 11.42:1.
36. Lagoon and Blush
Deep lagoon teal keeps pale blush from feeling overly sweet. Primary on canvas reaches 6.10:1. Ink reaches 11.12:1.
37. Ocean Terracotta
This complementary palette feels energetic while remaining grounded. Ocean blue on the canvas reaches 6.79:1. Ink reaches 11.88:1.
38. Amber Teal
Amber provides warmth and teal provides dependable contrast. Primary teal on the canvas reaches 6.63:1. Ink reaches 11.99:1.
39. Denim Peach
A relaxed yet polished palette for personal brands and creative services. Denim on peach reaches 6.10:1. Ink reaches 10.94:1.
40. Cobalt Petal
Cobalt gives a pale floral palette greater authority. Primary blue on the canvas reaches 6.37:1. Ink reaches 10.46:1.
Purple, lilac and expressive palettes
41. Lavender Ink
A sophisticated lavender palette that remains suitable for professional text. Primary purple on the canvas reaches 7.24:1. Ink reaches 13.13:1.
42. Plum and Parchment
Parchment softens the richness of deep plum. Primary on canvas reaches 8.96:1. Ink reaches 13.95:1.
43. Lilac and Coffee
Lilac feels more grounded when paired with warm coffee brown. Primary on canvas reaches 7.85:1. Ink reaches 13.50:1.
44. Blueberry Oat
A gentle oat background allows the cooler blueberry tones to lead. Primary on canvas reaches 7.66:1. Ink reaches 12.75:1.
45. Iris and Ivory
A refined option for beauty, stationery and editorial businesses. Primary iris on ivory reaches 8.45:1. Ink reaches 13.84:1.
46. Periwinkle Sand
Periwinkle introduces colour while the warm sand keeps the palette approachable. Primary on canvas reaches 6.82:1. Ink reaches 12.07:1.
47. Olive Orchid
Olive and orchid create an unusual but balanced combination. Primary purple on the canvas reaches 7.06:1. Ink reaches 12.58:1.
Bright but balanced palettes
48. Ochre and Charcoal
Ochre supplies energy while charcoal handles readability. Primary charcoal on the canvas reaches 8.66:1. Ink reaches 14.31:1.
49. Marigold Night
Marigold and midnight blue create a confident editorial palette. Primary blue on the canvas reaches 8.78:1. Ink reaches 13.44:1.
50. Ink and Chamomile
A cheerful but highly legible palette for education, publishing and creative tools. Primary ink-blue on the canvas reaches 9.00:1. The darkest shade reaches 13.93:1.
How to use pale brand colours safely
Pale colours are not inherently inaccessible. They work beautifully as page backgrounds, decorative borders, card backgrounds, illustration colours and photographic backdrops. Problems arise when they are used for small text or controls without enough contrast.
Let the lighter shades establish mood, then use the Primary or Ink colour for meaningful text. This creates a useful hierarchy: pale colours shape the atmosphere while darker colours communicate information.
Do buttons need accessible contrast?
Yes. The button label must contrast with the button background, and the visible shape or boundary of the control may also need at least 3:1 contrast against its surroundings. A dark filled button with white text often solves both problems. Remember to test hover, focus, selected and disabled states too.
Colour should not carry meaning alone
Contrast is only one part of colour accessibility. Do not identify required fields only with red, distinguish success and failure only through green and red, or rely on colour alone to show links and controls. Add labels, icons, patterns, underlines or other visual cues wherever meaning might otherwise disappear.
Vision Australia maintains a useful collection of colour accessibility tools and simulators that can help you examine palettes under different colour-vision conditions.
How to repair an inaccessible palette
Keep the original colour for decoration
A pale or mid-tone signature colour can remain part of the brand. Stop using it for small text and introduce a darker related shade for functional applications.
Assign every colour a role
Document which colours are approved for backgrounds, body text, headings, buttons, labels and borders. This makes a style guide far more useful. Our guide to creating a visual style guide for a small creative business explains how to turn aesthetic choices into repeatable rules.
Adjust lightness before changing hue
When a beloved colour almost passes, make it slightly darker or lighter while preserving its general hue. This often protects brand recognition better than replacing it with something completely different.
How to choose the right palette
Do not choose a palette only because it looks attractive in isolation. Consider the personality of the business, the audience, the intended emotional response and the places where the colours must work. A thoughtfully created brand moodboard can help you test colours beside intended photography, typography and textures.
Frequently asked questions
Can pastel colours be accessible?
Yes. Pastels work especially well as backgrounds and decorative colours. They usually need to be paired with dark text rather than white text.
Is black text on white always best?
No. Deep charcoal, navy, forest green, aubergine and brown can all provide excellent contrast on a light background while feeling more harmonious with the brand.
Does a logo have to meet contrast requirements?
Text that forms part of a logo or brand name is exempt from the WCAG text-contrast requirement. Other text using the same brand colour is not automatically exempt.
Does passing WCAG guarantee perfect readability?
No. Contrast ratios are an important measurable baseline, but typography, spacing, font weight, screen quality and individual visual needs also affect readability. Aim comfortably above the minimum when possible.
Final thoughts
An accessible brand does not need to look clinical, corporate or stripped of personality. Soft colour, muted palettes and expressive accents can all remain part of a thoughtful visual identity.
Let pale shades create atmosphere. Let accent colours build recognition. Let deeper shades handle text, navigation and important actions. When every colour has a clear role, accessibility becomes part of the design system rather than a compromise added at the end.
Methodology: Contrast ratios in this guide were calculated using the WCAG 2 relative-luminance formula for opaque sRGB hex colours. Values are shown to two decimal places, but unrounded results should always be used when determining formal conformance.