Brand colors
Packata uses a calm, technical palette built around teal, amber, and clean neutral surfaces. The goal is to feel both practical for documentation and distinctive as a product identity.
Core palette
Packata Teal
#247580
Main product color. Use for navigation, primary actions, links, and emphasis.
Packata Amber
#D99536
Accent color. Use for highlights, badges, selected states, and callouts.
Packata Ink
#293C42
Primary text color. Use for headings, body text, and strong contrast.
Packata Canvas
#FAFBF8
Main page background. Keeps the site light, calm, and readable.
Packata Soft Mint
#DDEEE9
Use for secondary surfaces such as sidebars, panels, and soft highlights.
Packata Border
#D5E3DF
Use for borders, dividers, cards, table separators, and subtle framing.
Semantic palette
Success Green
#287A58
Successful checks, validation passed, healthy state.
Warning Rust
#B85B32
Warnings, caution states, or things requiring attention.
Danger Rose
#A94E5F
Errors, destructive actions, and failure states.
Usage guidance
| Role | Color | Usage |
|---|---|---|
| Primary brand color | #247580 | Navbar, primary buttons, links, active navigation |
| Accent color | #D99536 | Highlights, badges, selected states, callouts |
| Main text | #293C42 | Headings and body text |
| Main background | #FAFBF8 | Page background |
| Secondary surface | #DDEEE9 | Panels, sidebars, cards, subtle sections |
| Border color | #D5E3DF | Rules, separators, table borders |
| Success | #287A58 | Success messages and valid states |
| Warning | #B85B32 | Warnings and caution |
| Danger | #A94E5F | Errors and destructive actions |
Preview
Accessibility notes
- Prefer Packata Ink (
#293C42) for text on light backgrounds. - Prefer white text on Teal, Success, Warning and Danger swatches. Use Packata Ink on Amber for readable contrast.
- Use Canvas as the main page background to preserve readability on long technical pages.
- Use Soft Mint for structure and grouping, not for large blocks of dense content.
Recommendation
For Packata, the best visual balance is:
- Teal for structure and action
- Amber for emphasis
- Off-white canvas for reading comfort
- Dark ink for content
- Soft mint for secondary surfaces