1.8 KiB
1.8 KiB
FuelAlert — Colour Palette
Primary — Burnt Sienna
| Token | Hex | Usage |
|---|---|---|
| primary | #bb5b3e |
CTA buttons, focus rings, brand |
| primary-dark | #a34a31 |
Hover / pressed state |
Neutrals — Warm Brown
| Token | Hex | Usage |
|---|---|---|
| text-base | #4a3f3b |
Body text, headings |
| text-muted | #89726c |
Secondary text, icons |
| text-dim | #6b5a55 |
Tertiary / placeholder text |
Surfaces — Cream / Linen
| Token | Hex | Usage |
|---|---|---|
| surface | #faf6f3 |
Input & card background |
| surface-page | #f5ede5 |
Page / app background |
| surface-subtle | #eeeae5 |
Subtle surface / hover |
| border | #e5ded7 |
Borders & dividers |
Accents
| Token | Hex | Usage |
|---|---|---|
| teal | #4A7C7E |
Secondary accent (minor) |
| mauve | #8B4860 |
Tertiary accent (minor) |
| tan | #9B8B6B |
Warm neutral accent |
Status
| Token | Hex | Usage |
|---|---|---|
| success | #22c55e |
Price current / good signal |
| warning | #f59e0b |
Stale price / weak signal |
| error | #ef4444 |
Outdated price / error state |
Notes
- Core brand feel: warm terracotta on a cream/linen base.
- Teal and mauve are currently used sparingly — confirm role in DaisyUI theme before promoting to named tokens.
- Never use cold grays — all neutrals should lean warm.