songenius-transparent
Brand Guidelines

icon picker
Color

The Songenius color palette is designed to reflect our brand’s bold, urban aesthetic. These colors are carefully selected to convey the energy and vibrancy of Songenius while maintaining readability and visual appeal across various media. Below, we outline each color’s purpose and application to guide consistent use.

Yellow (#FFD507)

yellow.png

Usage: Yellow is the primary accent color, designed to draw attention and bring focus to important elements. It’s ideal for emphasizing text, icons, and essential information that needs to stand out.


Cyan (#21DCE8)

cyan.png
Usage: Cyan is the action color and is used exclusively for interactive elements. It immediately signals interactivity, helping users identify clickable areas across digital media.


Orange (#DA7F15)

orange.png
Usage: Orange is a decorative color used to add vibrancy and energy without drawing attention away from key elements. It appears in non-clickable decorative elements like illustrations, splashes, and backgrounds where a touch of warmth or texture is needed.

Black (#000000)

black.png
Usage: Used as the main background color, Black creates a powerful contrast that highlights the other colors in our palette. It serves as the foundation of our visual identity, giving a clean and bold look.

Dark Grey (#1B1B1B)

Dark Grey.png
Usage: Used for secondary backgrounds and subtle contrasts against Black. Dark Grey provides depth without drawing attention away from primary elements.

Grey (#292929)

Grey.png
Usage: Ideal for muted text or to add subtle contrast in designs. Grey is softer than Black and Dark Grey, offering a subdued tone suitable for less prominent elements.

Light Grey (#C2C2C2)

Light Grey.png
Usage: Used sparingly for accents and subtle contrasts, particularly in low-visibility elements like divider lines, outlines, and similar understated details.

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.