Bakery/Cafe palette

Palette

Warm brown + cream white [Accent adjusted from #F8FAFC]

Bakery/Cafe

#92400E

#B45309

#92400E

#FEF3C7

#78350F

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

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 — Bakery/Cafe

Warm brown + cream white [Accent adjusted from #F8FAFC]

Use these exact colours as design tokens:

```css
:root {
  --primary: #92400E;
  --on-primary: #FFFFFF;
  --secondary: #B45309;
  --on-secondary: #FFFFFF;
  --accent: #92400E;
  --on-accent: #FFFFFF;
  --background: #FEF3C7;
  --foreground: #78350F;
  --card: #FFFFFF;
  --card-foreground: #78350F;
  --muted: #EDEEF0;
  --muted-foreground: #475569;
  --border: #FDE68A;
  --destructive: #DC2626;
  --on-destructive: #FFFFFF;
  --ring: #92400E;
}
```

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.

Start building — free I already have an account

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