top of page

Palette suggestion:

Base Neutral: Pure White (#FFFFFF)Light Neutral: Pale Gray (#ECECEC)Accent

1: Electric Blue (#2978FF)Accent

2: Lime Green (#A1E44D)Accent

3: Hot Pink (#FF4E8D)Accent

4: Sun Orange (#FF9A3C)Dark Text: Charcoal (#333333)

 

Why it works:A white/light base gives a modern, spacious feel.Bright accents in multiple colours add playful energy suitable for a school environment (especially for younger students) yet still clean.Using multiple accent colours gives flexibility – different parts (Krida, Lalit, etc) could each get a unique accent.Keeps things fun but avoids a “childish” look if layout and typography remain crisp.

 

Where to apply:Use white background everywhere for main content.Use pale grey for alternating section backgrounds.Use each accent colour for headings, icons, callouts, section dividers.For example: “Krida” section uses Lime Green, “Lalit” uses Hot Pink, etc.Buttons: Electric Blue for primary actions, Sun Orange for secondary.Links / hover states: maybe Hot Pink.Navigation highlight / active states: use the accent colours.

Palette suggestion:

Primary: Sunshine Yellow (#FFCC00)

Accent: Teal / Aqua (#00B8C4)

Secondary: Coral Pink (#FF6F61)

Neutral Background: Soft Off-White (#F9F9F9)

Text / Dark: Dark Slate (#2E3A42)

 

Why it works:Sunshine yellow gives immediate brightness, warmth, friendliness.Teal complements it with a modern, fresh feel.Coral adds a playful touch without being too kiddy.Off-white background keeps things clean and modern.Dark slate for text keeps legibility high.

 

Where to apply:Hero banner background: Sunshine Yellow with white text or dark-text overlay.Navigation or accent buttons: Teal with white text.CTA buttons: Coral Pink.Section backgrounds: alternate between off-white and a subtle teal tint.Icons / small accents: use coral and teal for diversity.Footer, sub-header: dark slate for contrast.

bottom of page