Why We Chose Warm Colors for a POS App — Not the Blue-Grey of Every Other Business Software

Typical Business Software: Blue, Grey, and Soulless

Open almost any business application — from accounting software to POS systems — and you'll see the same pattern: white background, blue buttons, grey sidebar, safe sans-serif font. This isn't coincidental — it's a template. Blue is associated with "professionalism" and "trust" in design theory. Grey is considered "neutral" and "safe."

But when we started designing CrescendPOS, we asked: who are we actually designing for? The answer: cafe owners and cashiers in Indonesia. People who spend their time in warm environments — surrounded by the aroma of coffee, wood, and hospitality. Not in corporate offices with fluorescent lighting.

Why should software used in a warm environment look cold and corporate?

The Decision: Cream, Peach, and Ink

We chose a color palette deliberately different from typical business software:

• Cream (#FFF9D2) as the primary background — warm, soft, doesn't cause eye fatigue even when viewed all day
• Peach (#FFEBCC) for panels and cards — reinforces warmth without being overwhelming
• Ink (#1F1B16) for text and primary buttons — a dark brown with character, not pure black which feels harsh
• Sky (#BFDDF0) for active states and highlights — a cool accent that complements the warmth without dominating

These aren't purely aesthetic choices. Each color was selected based on how it would look on a tablet used at a cafe counter — with natural lighting, next to an espresso machine, held by hands that are sometimes greasy.

Why Not Pure Black and White?

Many modern POS systems use "dark mode" or "pure white" approaches — high contrast that looks clean in screenshots but can be fatiguing in extended use.

A pure white background (#FFFFFF) on a tablet used 8-12 hours a day is harsh — especially in a cafe with warm ambient lighting. A cashier's eyes going back and forth between a bright screen and a relatively dim environment will tire faster.

Conversely, a dark mode that's too dark can be hard to read in bright environments (cafes with lots of windows and natural light).

Cream provides a sweet spot: bright enough for readability across various lighting conditions, warm enough to prevent eye strain during extended use.

Typography: Fraunces, Plus Jakarta Sans, and JetBrains Mono

We also deliberately chose typography with character — not default system fonts.

Fraunces for headings and display text: an editorial, warm serif font. This signals "this isn't generic corporate software — this is a product with opinions and personality." A serif font in business software is unusual — and that's intentional.

Plus Jakarta Sans for body text: clean, modern, readable. This is the balance — body text needs to be easy to read, it doesn't need to show off. Plus Jakarta Sans has a natural warmth that fits the cream and peach palette.

JetBrains Mono for numbers: a monospace font that makes numbers (prices, totals, change) easy to scan quickly. In a POS, numbers need to be readable in a fraction of a second — monospace ensures every digit has the same width, so visual alignment is always consistent.

Components: Rounded, Not Sharp

Our buttons use rounded corners — not because of trends, but because rounded edges feel more friendly and approachable on a touchscreen. Sharp corners on buttons psychologically feel more "rigid" and "formal."

Our primary button: dark ink background on a rounded pill shape with cream text. It stands out from the cream background without feeling aggressive — assertive but not intimidating. For a new cashier who might be nervous about using technology, this difference is subtle but meaningful.

Trade-offs We Accept

A warm and opinionated design has trade-offs:

Not for everyone. Some people prefer the familiar blue-and-white look. Our warm colors are sometimes perceived as "not serious software" at first glance. We accept this — CrescendPOS is designed for cafes in Indonesia, not for banks.

Serif fonts in UI are polarizing. Some love it, some find it unfamiliar. We use Fraunces only in headings — not in body text or button labels — to balance character with readability.

A custom color system requires discipline. Because we don't use default Tailwind colors (no blue-500 or gray-200), every developer working on our codebase must use custom tokens (bg-cream, bg-paper, text-ink). This adds a learning curve but ensures consistency.

Why This Matters — It's Not Just About Looking Pretty

Some might say: "Who cares about POS colors? Just make it work." Fair point. But consider this:

A cashier looks at the POS screen 4-8 hours a day. Every day. For months. If that screen feels cold, generic, and impersonal — it becomes a work environment that's not pleasant. And an unpleasant work environment, however small, contributes to fatigue and dissatisfaction.

Conversely, a screen that feels warm and welcoming — one that harmonizes with the cafe environment — becomes a natural extension of the workspace. Not something foreign placed next to the coffee machine.

We don't have quantitative data showing warm colors increase cashier productivity by X%. But we believe that small details — consistent across every touchpoint — cumulatively create an experience that's meaningfully different.

The Philosophy Behind Our Visual Decisions

Our visual decisions are driven by one principle: software used in a cafe should feel like part of the cafe — not a foreign object imposed upon it.

A cafe is a warm, personal place with character. Software that serves cafes should have the same qualities. Not because function doesn't matter — of course it does. But because how something feels is just as important as what it can do.

That's why we don't use blue-grey. That's why we use cream, peach, and ink. And that's why every visual decision in CrescendPOS — from button colors to number fonts — starts with the question: "Does this feel like home for a cafe?"