Description: Use as the primary color for text, headers, and footer backgrounds. It provides a strong contrast against lighter backgrounds.
Description: Ideal for call-to-action buttons, links, and icons to draw attention and guide user interactions.
Description: Use for success messages, progress bars, or to highlight active menu items. It conveys growth and success.
Description: Suitable for background of success alert messages, or as a subtle background for sections to differentiate content.
Description: Use as a background color for most of your website. It’s light and ensures your content remains the focal point.
Description: To be used sparingly for headings or key graphics. It complements the secondary logo color and adds depth.
Description: Perfect for secondary text, such as captions and descriptions, providing readability without overpowering the primary content.
Description: Ideal for text or elements that require a higher contrast against light backgrounds, enhancing accessibility and focus.
Description: Use for card backgrounds, navigation menus, or to create breathing space around sections, ensuring content is easy to digest.
Description: For highlighting important buttons or features, warnings in forms, or as an accent color to draw attention.
Description: Use for calls to action that require more emphasis than those in #00afef, or to signify urgency.
Description: Background for secondary buttons or inactive states, it pairs well with both #213744 and #00afef, providing a neutral backdrop.