Website color palettes that pass the contrast test
36 complete palettes for real kinds of sites, each with hex codes, computed WCAG contrast scores, a live page preview and CSS and Tailwind to copy.
- SaaS ClaritySaaSPrecise, trustworthy
- Fintech TrustfintechCalm, secure
- AI Startup NightAI startupFuturistic, focused
- Quiet Luxuryluxury brandUnderstated, expensive
- TrattoriarestaurantWarm, appetising
- Clinic Calmhealthcare and dentalClean, reassuring
- Sage Morningwellness and yogaGrounded, gentle
- Estate Navyreal estateEstablished, premium
- Gallery WhiteportfolioMinimal, confident
- Studio Noircreative agencyBold, editorial
- Atelier Blushfashion and beautySoft, editorial
- Neon Ledgercrypto and web3Electric, technical
- CampuseducationFriendly, clear
- Climate Hopeclimate and nonprofitHopeful, natural
- Counsellaw firmSerious, assured
- Ironworksfitness and gymsEnergetic, intense
- Morning Roastcoffee shop and bakeryCosy, crafted
- Coastlinetravel and hospitalityFresh, inviting
- Terminaldeveloper toolsTechnical, crisp
- Playgroundkids and playful brandsJoyful, bright
- DarkroomphotographyMoody, cinematic
- Ivory Bloomweddings and eventsRomantic, elegant
- Afterhoursmusic and nightlifeLoud, electric
- Enterprise SlateB2B enterpriseReliable, corporate
- Grand Hotelhotel and hospitalityWarm, welcoming
- Monochromeminimalist brandStark, confident
- Deep Oceanmarine and outdoorFresh, deep
- Golden Hourlifestyle brandWarm, optimistic
- Forest Flooroutdoor and sustainable brandEarthy, grounded
- Soft Pastelfriendly consumer appSoft, approachable
- Seventiesretro and vintage brandGroovy, nostalgic
- Raw Brutalistbrutalist and experimental siteRaw, loud
- Neon ArcadegamingElectric, playful
- Site Orangeconstruction and tradesSturdy, reliable
- Happy Pawspet businessFriendly, warm
- Nude Beautybeauty and skincareSoft, refined
Questions, answered.
The things people ask before they start building.
How many colors should a website palette have?
Five covers almost every site: a background, a surface for cards, a text colour, an accent for actions and one highlight. More than that and the accent stops standing out, which is the whole point of having one.
How do I check that my website colors are accessible?
Measure the contrast ratio between each text colour and the background it sits on. WCAG AA asks for 4.5:1 for body text and 3:1 for large text. Every palette here is scored, and the contrast checker scores any pair.
Can AI choose a color palette for my website?
Yes. Orlume (orlume.site), the design-first AI website builder, picks the palette, fonts and layout for your brief from one prompt, builds the site in React and Next.js and deploys it in one click.
Still stuck? Email usOr describe your site and let Orlume choose.
Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.
- Free to start
- No card required
- Publish to a live URL
- You own the code