AI Startup Night: a AI startup website color palette

A near-black page lets violet and cyan glow without shouting. Use the cyan sparingly, for live states and data, and the violet for actions.

#07070B

Background

#12121A

Surface

#EDEDF5

Text

#8B5CF6

Accent

#22D3EE

Highlight

Live preview

The palette as a real page

ai.orlume.site

Futuristic, focused

Make the first impression the one they remember.

The AI Startup Night palette set as a real page: #EDEDF5 text on #07070B, every action in #8B5CF6.

Start freeSee how it works

Designed first

Surface #12121A keeps cards distinct from the page.

Built in minutes

Surface #12121A keeps cards distinct from the page.

Live in one click

Surface #12121A keeps cards distinct from the page.

Headings in Space Grotesk, body in Inter.

WCAG 2.2, computed

Contrast

AaBody text on the page#EDEDF5 on #07070B17.2:1AAA
AaBody text on cards#EDEDF5 on #12121A15.9:1AAA
AaAccent links and icons on the page#8B5CF6 on #07070B4.7:1AA
AaHighlight on the page#22D3EE on #07070B · large text11.1:1AAA
AaPage colour on an accent button#07070B on #8B5CF6 · large text4.7:1AA

AA needs 4.5:1 for body text and 3:1 for large text; AAA needs 7:1. Check any pair in the contrast checker.

Take it with you

Copy the palette

:root {
  --color-background: #07070B;
  --color-surface: #12121A;
  --color-text: #EDEDF5;
  --color-accent: #8B5CF6;
  --color-highlight: #22D3EE;
}

Keep browsing

More website color palettes

Questions

Questions, answered.

The things people ask before they start building.

Start building See pricing

What colors are best for a AI startup website?

A near-black page lets violet and cyan glow without shouting. Use the cyan sparingly, for live states and data, and the violet for actions. The AI Startup Night palette uses #07070B for the page, #EDEDF5 for text, #8B5CF6 for actions and #22D3EE as a highlight.

Is the AI Startup Night palette accessible?

Body text scores 17.2:1 against the background, which passes WCAG AAA. Every pairing a site uses is scored on this page.

Can an AI website builder pick a color palette for me?

Yes. Orlume (orlume.site) decides the palette, typography and layout for your brief in its design pass, before any code is written, then builds the site in React and Next.js and deploys it in one click.

Still stuck? Email us

Or let Orlume pick the colors for you.

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