Dark Teal, Medium Teal and Mustard Yellow

Here’s a balanced, versatile trio that works beautifully across print and digital media:

Swatch	Hex Code	Role	Best Fit
Dark Teal	#264653	Primary/Base	Logo outlines, website header/footer — provides a solid, trustworthy foundation.
Medium Teal	#2A9D8F	Secondary/Accent	Buttons, links, infographics — stands out enough to guide the eye without overpowering.
Mustard Yellow	#E9C46A	Highlight/CTA	Call-to-action buttons, key text, banner focal points — highest-contrast pop of warmth to draw attention.

Contrast & Readability

• Dark Teal & Mustard: Highest contrast pair (≈11:1), ideal for text-on-background or bold headlines.

• Medium Teal & Mustard: Good contrast (≈4.8:1), perfect for secondary actions like hover states or subheaders.

• Dark & Medium Teal: Lower contrast (~1.9:1), best reserved for subtle dividers, charts, or backgrounds behind white/cream text.

Shades, Tints & Light

• Lightening

  • Tint the Medium Teal by 20–30% (e.g. #5EC7AA) for subtle backgrounds or hover highlights.

  • Tint the Mustard by 30–40% (e.g. #F2D47B) to soften large poster backgrounds without losing warmth.

• Darkening

  • Shade the Dark Teal by 10–15% (e.g. #1F3F4B) for footer backgrounds or shadowed effects.

  • Shade the Medium Teal by 20% (#227B77) for pressed buttons or legends in charts.

Usage Across Formats

• Logo

  • Use Dark Teal for the main shape/text.

  • Accent with Mustard on a single letter or icon detail for instant brand recognition.

• Website

  • Header/footer in Dark Teal with white or light grey text.

  • Navigation highlights in Medium Teal.

  • Primary CTA buttons in Mustard, hover state tinted.

• Poster

  • Background in a light tint of Medium Teal.

  • Headline text in Dark Teal for clarity.

  • Key info or dates in Mustard to draw the viewer’s focus.

• Banner

  • Gradient from Medium Teal to Mustard for energy and movement.

  • Overlay text in Dark Teal or pure white for maximum legibility.

This palette balances depth (Dark Teal), versatility (Medium Teal), and vibrancy (Mustard), giving you flexibility in hierarchy and mood across any brand collateral.