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.

RGB
3, 65, 66
CMYK
C95 M2 Y0 K74
Pantone
Pantone 316 C
#FDE3B9

Elite Cream

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

RGB
253, 227, 185
CMYK
C0 M10 Y27 K1
Pantone
Pantone 7506 C

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.