Hiraal Brand

Hiraal Elite · Colour

Colour

Two colours carry the brand. Ratios are computed from the palette hex values, not estimated.

Primary palette

#034142

Hiraal Teal

The brand. Backgrounds, the logo, headings, primary UI. A structural colour carrying roughly a quarter of any layout — not an accent.

#FDE3B9

Elite Cream

The warmth that stops the teal reading cold. Reversed logos, accents, interiors. Never used as text on white.

Print

Teal prints heavy on uncoated stock — request a draw-down. Never build it from a rich-black recipe.

Screen

sRGB only. No blend modes, opacity or filters on brand colour in UI.

Pantone

Nearest references only. Confirm on a physical guide before any press run.

Extended palette

Supporting colour, neutrals and interface states.

Supporting

Neutrals

Hiraal Teal — tint ramp

Below 30% reads grey — fills only, not type.

100%

#034142

85%

#295E5E

70%

#4F7A7B

55%

#749697

40%

#9AB3B3

25%

#C0D0D0

12%

#E1E8E8

6%

#F0F4F4

Functional colour

Digital interface only. Functional colours never appear in print, on signage, or near the logo. They exist only to signal state inside a product.

Success · Confirmed

#1F6F5C · 6.0:1 · AA

Caution · Attention

#C8873A · 3.0:1 · large text & UI only

Critical · Error

#A8342C · 6.6:1 · AA

Colour proportion

A Hiraal Elite layout is mostly quiet. Teal earns its weight structurally — a header band, a panel, a full page — not scattered. Cream appears once or twice, never as a wash.

55%
26%
12%
5%
55% White / Cloud26% Hiraal Teal12% Elite Cream5% Midnight2% Ink

Accessibility

Contrast measured to WCAG 2.1 from the palette values.

PairForegroundBackgroundRatioBody text
Teal on white#034142#FFFFFF11.42:1AAA
White on teal#FFFFFF#03414211.42:1AAA
Cream on teal#FDE3B9#0341429.17:1AAA
Cream on midnight#FDE3B9#012A2B12.33:1AAA
Teal on cream#034142#FDE3B99.17:1AAA
Ink on white#0E1A1A#FFFFFF17.78:1AAA
Slate on white#5A6A6A#FFFFFF5.67:1AA
Mist on white#9AA8A8#FFFFFF2.46:1FAIL
Cream on white#FDE3B9#FFFFFF1.25:1FAIL

Rules

  • Body text must reach 4.5:1.
  • Large text (18 pt / 24 px bold+) may sit at 3:1.

Never

  • Mist is decorative — never body text.
  • Cream on white fails at 1.25:1. Never.
  • Never rely on colour alone to carry meaning.
Cream on white fails at 1.25:1 and is never used, at any size.