Style Library

E-commerce Luxury palette

Palette

Premium dark + gold accent [Accent adjusted from #CA8A04]

#1C1917
#44403C
#A16207
#FAFAF9
#0C0A09

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs
Tasks done1,284+12% this week
Sign in
Emailyou@example.com
Remember meContinue
Today
Review roadmapDone
Ship onboardingIn progress
Team sync3 pm
Prompt
Paste into any AI assistant before describing what to build — or attach it to a project below.
# Colour palette — E-commerce Luxury

Premium dark + gold accent [Accent adjusted from #CA8A04]

Use these exact colours as design tokens:

```css
:root {
  --primary: #1C1917;
  --on-primary: #FFFFFF;
  --secondary: #44403C;
  --on-secondary: #FFFFFF;
  --accent: #A16207;
  --on-accent: #FFFFFF;
  --background: #FAFAF9;
  --foreground: #0C0A09;
  --card: #FFFFFF;
  --card-foreground: #0C0A09;
  --muted: #E8ECF0;
  --muted-foreground: #475569;
  --border: #D6D3D1;
  --destructive: #DC2626;
  --on-destructive: #FFFFFF;
  --ring: #1C1917;
}
```
Use it in an app
Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

From UI/UX Pro Max (MIT, commit 477bcb2).View source