Color Palette

Our color system is designed for readability, professionalism, and visual impact. Elements are defined by their hierarchy and function.

Primary Colors

Primary Dark #1d1d1f Headings

Body Text #424245 Content

Accents

Pink Accent #de347f Primary Brand

Coral Pink #ff5d74 Secondary Accent

Backgrounds

Pure White #ffffff Cards, Sections

Light Gray #f8f9fa Backgrounds

Border Gray #e9ecef Dividers

Soft Blue #f8f9ff Highlights

Gradients

Primary Gradient Buttons, CTAs

Dark CTA Footer, Dark Mode

CSS Variables

Copy these variables to your CSS file to use the system immediately.

:root {
  --primary-dark: #1d1d1f;
  --body-text: #424245;
  --secondary-gray: #6c757d;
  --primary-accent: #de347f;
  --secondary-accent: #ff5d74;
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --border-color: #e9ecef;
}