42 lines
1.8 KiB
Markdown
42 lines
1.8 KiB
Markdown
# 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.
|