Brandkit
Everything you need to represent Koeo consistently across all platforms and materials.
Icons
Icon-only mark. Use for favicons, app icons, profile pictures, and social media platforms.
Color Palette
Official Koeo colors. Click any swatch to copy the hex value.
Primary Purple
#7C3AED
Main brand color, primary CTAs, links
Deep Purple
#4C1D95
Dark accents, depth, footer backgrounds
Magenta
#E02F87
Accents, energy, highlights, gradient endpoints
Light Pink
#F472B6
Hover states, subtle backgrounds
Primary Text
#0F172A
Headings, body text on light backgrounds
Light Text
#E2E8F0
Text on dark backgrounds
Primary Gradient
The signature Koeo gradient used for CTAs and accent elements.
CSS
background: linear-gradient(135deg, #7C3AED, #E02F87);Tailwind
bg-gradient-to-br from-[#7C3AED] to-[#E02F87]Typography
Font families and weights used across Koeo.
Primary Font
Inter
Used for all body text, headings, and UI elements.
Regular (400) — Body text
Medium (500) — Navigation, emphasis
Semi-Bold (600) — Subheadings, buttons
Bold (700) — Main headings
Logo Font
Outfit
Used exclusively for the Koeo wordmark.
Weight: 900 (Black)
Letter-spacing: -0.03em