www.relume.io
Open in
urlscan Pro
188.114.97.3
Public Scan
Submitted URL: http://library.relume.io/color-palettes
Effective URL: https://www.relume.io/color-palettes
Submission: On June 12 via automatic, source links-suspicious — Scanned from NL
Effective URL: https://www.relume.io/color-palettes
Submission: On June 12 via automatic, source links-suspicious — Scanned from NL
Form analysis 1 forms found in the DOM
Name: wf-form-Cookie-Preferences — GET
<form id="cookie-preferences" name="wf-form-Cookie-Preferences" data-name="Cookie Preferences" method="get" class="fs-cc-prefs_form" data-wf-page-id="629718bc12705d92a46c9868" data-wf-element-id="026c7a93-a3d5-dfa1-6d38-d0da94423976"
aria-label="Cookie Preferences">
<div fs-cc="close" class="fs-cc-prefs_close" role="button" tabindex="0"><img src="https://cdn.prod.website-files.com/6177739448baa66404ce1d9c/617b4c2d98190845b6254297_close-icon.svg" loading="lazy" alt="" class="modal-close-icon"></div>
<div class="fs-cc-prefs_content">
<div class="fs-cc-prefs_title-wrapper">
<div class="heading-medium">Cookie Settings</div>
</div>
<div class="fs-cc-prefs_modal-wrapper">
<div class="fs-cc-prefs_space-small">
<div class="fs-cc-prefs_text">Relume Library uses cookies to offer you a better experience. See <a href="/legal/cookie-policy" class="text-style-link">Cookie Policy</a> for more details.</div>
</div>
<div class="fs-cc-prefs_button-wrapper">
<a fs-cc="deny" href="#" class="fs-cc-prefs_button fs-cc-button-alt w-button" role="button" tabindex="0">Reject all cookies</a><a fs-cc="allow" href="#" class="fs-cc-prefs_button w-button" role="button" tabindex="0">Allow all cookies</a>
</div>
<div class="fs-cc-prefs_space-xsmall">
<div class="heading-small">Manage Preferences</div>
</div>
<div class="fs-cc-prefs_option">
<div class="fs-cc-prefs_toggle-wrapper">
<div class="fs-cc-prefs_label">Essential</div>
<div class="fs-cc-prefs_text">Essential for the site to function. Always On.<br></div>
</div>
<div class="filter-button is-active clickable-off">
<div class="filter-toggle-circle"></div>
</div>
</div>
<div class="fs-cc-prefs_option">
<div class="fs-cc-prefs_toggle-wrapper">
<div class="fs-cc-prefs_label">Personalization</div>
<div class="fs-cc-prefs_text">Used to remember preference selections and provide enhanced features.<br></div>
</div><label class="w-checkbox fs-cc-prefs_checkbox-field"><input type="checkbox" id="personalization-2" name="personalization-2" data-name="Personalization 2" fs-cc-checkbox="personalization"
class="w-checkbox-input fs-cc-prefs_checkbox"><span for="personalization-2" class="fs-cc-prefs_checkbox-label w-form-label">Essential</span>
<div class="fs-cc-prefs_toggle"></div>
</label>
</div>
<div class="fs-cc-prefs_option">
<div class="fs-cc-prefs_toggle-wrapper">
<div class="fs-cc-prefs_label">Marketing</div>
<div class="fs-cc-prefs_text">Used for targeted advertising.<br></div>
</div><label class="w-checkbox fs-cc-prefs_checkbox-field"><input type="checkbox" id="marketing-3" name="marketing-3" data-name="Marketing 3" fs-cc-checkbox="marketing" class="w-checkbox-input fs-cc-prefs_checkbox"><span for="marketing-3"
class="fs-cc-prefs_checkbox-label w-form-label">Essential</span>
<div class="fs-cc-prefs_toggle"></div>
</label>
</div>
<div class="fs-cc-prefs_option last">
<div class="fs-cc-prefs_toggle-wrapper">
<div class="fs-cc-prefs_label">Analytics</div>
<div class="fs-cc-prefs_text">Used to measure usage and improve your experience.<br></div>
</div><label class="w-checkbox fs-cc-prefs_checkbox-field"><input type="checkbox" id="analytics-2" name="analytics-2" data-name="Analytics 2" fs-cc-checkbox="analytics" class="w-checkbox-input fs-cc-prefs_checkbox"><span for="analytics-2"
class="fs-cc-prefs_checkbox-label w-form-label">Essential</span>
<div class="fs-cc-prefs_toggle"></div>
</label>
</div>
</div>
<div class="fs-cc-prefs_buttons-wrapper"><a fs-cc="close" href="#" class="button-tertiary hover3 w-button">Cancel</a><a fs-cc="submit" href="#" class="fs-cc-prefs_button w-button" role="button" tabindex="0">Save</a></div><input type="submit"
data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button" value="Submit">
<div class="w-embed">
<style>
/* smooth scrolling on iOS devices */
.fs-cc-prefs_content {
-webkit-overflow-scrolling: touch
}
</style>
</div>
</div>
</form>Text Content
Support All support for the Relume is provided through Slack. To get assistance, please join our Slack community and send a preview link of your Webflow project along with a description of your problem to one of our experts. We will review your issue and guide you through a solution. For account-related issues, please contact support@relume.io. Join our Slack We're performing some maintenance. If you're experiencing any issues please reach out via Slack Go to Slack Your payment method has expired. Update your billing details to regain access to premium features. Manage Billing Now open! Vote on new Relume components Vote on what components you'd like to see added to our roadmap next month. Vote with one click Skip New Project Manage account Saved 1 Your Library Log out Support All support for the Relume is provided through Slack. To get assistance, please join our Slack community and send a preview link of your Webflow project along with a description of your problem to one of our experts. We will review your issue and guide you through a solution. For account-related issues, please contact support@relume.io. Join our Slack LearnFAQTroubleshootingSupport Get started Site Builder Figma Library Webflow Library INTRODUCTION TO SITE BUILDER Get started with our introduction video to see how the Site Builder can help you build sitemaps and wireframes in minutes, with the help of AI. Watch Demo 1. DUPLICATE THE FIGMA KIT Open the Relume Figma Kit and access 1,000+ desktop and mobile components. 2. UPDATE THE STYLE GUIDE Update the design system in Figma and style all components in minutes. 3. BUILD YOUR PAGE Copy and paste components in the file to build your page for desktop and mobile. Watch video 1. CLONE THE STYLE GUIDE Before you start a project, make sure you clone the Webflow Style Guide. 2. COPY COMPONENT Search the Webflow Library to find components and copy them with 1 click. 3. PASTE IN TO PROJECT Once a component is copied, paste it into your Webflow project. Watch video Products Site Builder AI Website builder Webflow Library 1k+ Client-First Webflow components Figma Library 1k+ Figma components React Library 100+ React components Chrome Extension Boost your productivity in Webflow Libraries Create your own Webflow Library Relume Ipsum AI copywriting in Figma Relume Icons Open-source icons for Webflow & Figma What's New View all June 3, 2024 Tab Sections, Cookie Consent Modals and React Library Update May 6, 2024 Resources, Import Sitemap & React Library Update Community Community LoveShowcaseInspiration FeedVoting BoardSlackHire an Expert LearnPricing Careers Hiring! Job opportunities Snr. Software Engineer Sydney, Australia (On-site) Apply Product Growth Designer Sydney, Australia (On-site) Apply Contact Sales Sign inStart for free Launch Log inStart for free Start for free Launch WEBFLOW LIBRARY Built using Client-First UNLOCK 1K+ WEBFLOW COMPONENTS PLUS MORE WITH RELUME Site Builder full access Relume Figma Kit Unlock all Webflow Library Try it free for 7 days Our plans cost less than 1%* of your next project and can save you half the time to deliver it. Get started 1. Clone the Style Guide Clone the Relume Library Style Guide on Webflow before starting a project. 2. Copy component 3. Paste in to project Learn more Site Builder Webflow Library All (1k+) Premium All Components Marketing Navbars Footers Hero Header Sections Header Sections Feature Sections CTA Sections Contact Sections Pricing Sections Testimonial Sections FAQ Sections Logo Sections Team Sections Blog Header Sections Blog Sections Blog Post Headers Career Sections Gallery Sections Contact Modals Banners Portfolio Sections Portfolio Headers Event Sections Event Headers Event Item Headers Stats Sections Multi-step Forms Long Form Content Sections Loaders Timeline Sections Cookie Consent Ecommerce Product List Sections Product Headers Category Filters Application UI Application Shells Sidebars Topbars Page Headers Section Headers Card Headers Sign Up and Log In Pages Sign Up and Log In Modals Onboarding Forms Tables Stacked Lists Grid Lists Stat Cards Forms Description Lists Free (30) Free Components (30) New Components UI Elements Color Palettes Page Templates Saved Your Library Webflow Power-ups Menu COLOR PALETTES Copy and paste Color Palettes into Webflow and create color systems in seconds. Sourced from Untitled UI. Watch tutorial Color Samples Background Colors Text Colors NEUTRALS Neutrals are the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — use Neutral colors. Color Sample Gray color-samples/rl-styleguide_color-sample-gray color-samples/rl-styleguide_color-sample-gray Copy Copy Copying... Preview Upgrade Color Sample Gray Blue color-samples/rl-styleguide_color-sample-grayblue color-samples/rl-styleguide_color-sample-grayblue Copy Copy Copying... Preview Upgrade Color Sample Gray Cool color-samples/rl-styleguide_color-sample-graycool color-samples/rl-styleguide_color-sample-graycool Copy Copy Copying... Preview Upgrade Color Sample Gray Modern color-samples/rl-styleguide_color-sample-graymodern color-samples/rl-styleguide_color-sample-graymodern Copy Copy Copying... Preview Upgrade Color Sample Gray Neutral color-samples/rl-styleguide_color-sample-grayneutral color-samples/rl-styleguide_color-sample-grayneutral Copy Copy Copying... Preview Upgrade Color Sample Gray Iron color-samples/rl-styleguide_color-sample-grayiron color-samples/rl-styleguide_color-sample-grayiron Copy Copy Copying... Preview Upgrade Color Sample Gray True color-samples/rl-styleguide_color-sample-graytrue color-samples/rl-styleguide_color-sample-graytrue Copy Copy Copying... Preview Upgrade Color Sample Gray Warm color-samples/rl-styleguide_color-sample-graywarm color-samples/rl-styleguide_color-sample-graywarm Copy Copy Copying... Preview Upgrade PRIMARY, SECONDARY & ACCENT COLORS Primary colors are the main colors that make up the majority of the colors used in the design system. Secondary and Accent colors are used sparingly in components such as pills, alerts and labels. Color Sample Moss color-samples/rl-styleguide_color-sample-moss color-samples/rl-styleguide_color-sample-moss Copy Copy Copying... Preview Upgrade Color Sample Green Light color-samples/rl-styleguide_color-sample-greenlight color-samples/rl-styleguide_color-sample-greenlight Copy Copy Copying... Preview Upgrade Color Sample Green color-samples/rl-styleguide_color-sample-green color-samples/rl-styleguide_color-sample-green Copy Copy Copying... Preview Upgrade Color Sample Green True color-samples/rl-styleguide_color-sample-greentrue color-samples/rl-styleguide_color-sample-greentrue Copy Copy Copying... Preview Upgrade Color Sample Teal color-samples/rl-styleguide_color-sample-teal color-samples/rl-styleguide_color-sample-teal Copy Copy Copying... Preview Upgrade Color Sample Cyan color-samples/rl-styleguide_color-sample-cyan color-samples/rl-styleguide_color-sample-cyan Copy Copy Copying... Preview Upgrade Color Sample Blue Light color-samples/rl-styleguide_color-sample-bluelight color-samples/rl-styleguide_color-sample-bluelight Copy Copy Copying... Preview Upgrade Color Sample Blue color-samples/rl-styleguide_color-sample-blue color-samples/rl-styleguide_color-sample-blue Copy Copy Copying... Preview Upgrade Color Sample Blue Dark color-samples/rl-styleguide_color-sample-bluebluedark color-samples/rl-styleguide_color-sample-bluebluedark Copy Copy Copying... Preview Upgrade Color Sample Indigo color-samples/rl-styleguide_color-sample-indigo color-samples/rl-styleguide_color-sample-indigo Copy Copy Copying... Preview Upgrade Color Sample Purple color-samples/rl-styleguide_color-sample-purple color-samples/rl-styleguide_color-sample-purple Copy Copy Copying... Preview Upgrade Color Sample Violet color-samples/rl-styleguide_color-sample-violet color-samples/rl-styleguide_color-sample-violet Copy Copy Copying... Preview Upgrade Color Sample Purple True color-samples/rl-styleguide_color-sample-purpletrue color-samples/rl-styleguide_color-sample-purpletrue Copy Copy Copying... Preview Upgrade Color Sample Fuchsia color-samples/rl-styleguide_color-sample-fuchsia color-samples/rl-styleguide_color-sample-fuchsia Copy Copy Copying... Preview Upgrade Color Sample Pink color-samples/rl-styleguide_color-sample-pink color-samples/rl-styleguide_color-sample-pink Copy Copy Copying... Preview Upgrade Color Sample Rosé color-samples/rl-styleguide_color-sample-rose color-samples/rl-styleguide_color-sample-rose Copy Copy Copying... Preview Upgrade Color Sample Red color-samples/rl-styleguide_color-sample-red color-samples/rl-styleguide_color-sample-red Copy Copy Copying... Preview Upgrade Color Sample Orange Dark color-samples/rl-styleguide_color-sample-orangedark color-samples/rl-styleguide_color-sample-orangedark Copy Copy Copying... Preview Upgrade Color Sample Orange color-samples/rl-styleguide_color-sample-orange color-samples/rl-styleguide_color-sample-orange Copy Copy Copying... Preview Upgrade Color Sample Yellow Dark color-samples/rl-styleguide_color-sample-yellowdark color-samples/rl-styleguide_color-sample-yellowdark Copy Copy Copying... Preview Upgrade Color Sample Yellow color-samples/rl-styleguide_color-sample-yellow color-samples/rl-styleguide_color-sample-yellow Copy Copy Copying... Preview Upgrade SEMANTIC COLORS Semantic colors are used to communicate standard value states (such as error, success, or warning). Color Sample Green Light color-samples/rl-styleguide_color-sample-greenlight color-samples/rl-styleguide_color-sample-greenlight Copy Copy Copying... Preview Upgrade Color Sample Green color-samples/rl-styleguide_color-sample-green color-samples/rl-styleguide_color-sample-green Copy Copy Copying... Preview Upgrade Color Sample Green True color-samples/rl-styleguide_color-sample-greentrue color-samples/rl-styleguide_color-sample-greentrue Copy Copy Copying... Preview Upgrade Color Sample Red color-samples/rl-styleguide_color-sample-red color-samples/rl-styleguide_color-sample-red Copy Copy Copying... Preview Upgrade Color Sample Yellow Dark color-samples/rl-styleguide_color-sample-yellowdark color-samples/rl-styleguide_color-sample-yellowdark Copy Copy Copying... Preview Upgrade Color Sample Yellow color-samples/rl-styleguide_color-sample-yellow color-samples/rl-styleguide_color-sample-yellow Copy Copy Copying... Preview Upgrade NEUTRALS Neutrals are the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — use Neutral colors. Background Color Gray background-colors/rl-styleguide_background-color-gray background-colors/rl-styleguide_background-color-gray Copy Copy Copying... Preview Upgrade Background Color Gray Blue background-colors/rl-styleguide_background-color-grayblue background-colors/rl-styleguide_background-color-grayblue Copy Copy Copying... Preview Upgrade Background Color Gray Cool background-colors/rl-styleguide_background-color-graycool background-colors/rl-styleguide_background-color-graycool Copy Copy Copying... Preview Upgrade Background Color Gray Modern background-colors/rl-styleguide_background-color-graymodern background-colors/rl-styleguide_background-color-graymodern Copy Copy Copying... Preview Upgrade Background Color Gray Neutral background-colors/rl-styleguide_background-color-grayneutral background-colors/rl-styleguide_background-color-grayneutral Copy Copy Copying... Preview Upgrade Background Color Gray Iron background-colors/rl-styleguide_background-color-grayiron background-colors/rl-styleguide_background-color-grayiron Copy Copy Copying... Preview Upgrade Background Color Gray True background-colors/rl-styleguide_background-color-graytrue background-colors/rl-styleguide_background-color-graytrue Copy Copy Copying... Preview Upgrade Background Color Gray Warm background-colors/rl-styleguide_background-color-graywarm background-colors/rl-styleguide_background-color-graywarm Copy Copy Copying... Preview Upgrade PRIMARY, SECONDARY & ACCENT COLORS Primary colors are the main colors that make up the majority of the colors used in the design system. Secondary and Accent colors are used sparingly in components such as pills, alerts and labels. Background Color Moss background-colors/rl-styleguide_background-color-moss background-colors/rl-styleguide_background-color-moss Copy Copy Copying... Preview Upgrade Background Color Green Light background-colors/rl-styleguide_background-color-greenlight background-colors/rl-styleguide_background-color-greenlight Copy Copy Copying... Preview Upgrade Background Color Green background-colors/rl-styleguide_background-color-green background-colors/rl-styleguide_background-color-green Copy Copy Copying... Preview Upgrade Background Color Green True background-colors/rl-styleguide_background-color-greentrue background-colors/rl-styleguide_background-color-greentrue Copy Copy Copying... Preview Upgrade Background Color Teal background-colors/rl-styleguide_background-color-teal background-colors/rl-styleguide_background-color-teal Copy Copy Copying... Preview Upgrade Background Color Cyan background-colors/rl-styleguide_background-color-cyan background-colors/rl-styleguide_background-color-cyan Copy Copy Copying... Preview Upgrade Background Color Blue Light background-colors/rl-styleguide_background-color-bluelight background-colors/rl-styleguide_background-color-bluelight Copy Copy Copying... Preview Upgrade Background Color Blue background-colors/rl-styleguide_background-color-blue background-colors/rl-styleguide_background-color-blue Copy Copy Copying... Preview Upgrade Background Color Blue Dark background-colors/rl-styleguide_background-color-bluedark background-colors/rl-styleguide_background-color-bluedark Copy Copy Copying... Preview Upgrade Background Color Indigo background-colors/rl-styleguide_background-color-indigo background-colors/rl-styleguide_background-color-indigo Copy Copy Copying... Preview Upgrade Background Color Purple background-colors/rl-styleguide_background-color-purple background-colors/rl-styleguide_background-color-purple Copy Copy Copying... Preview Upgrade Background Color Violet background-colors/rl-styleguide_background-color-violet background-colors/rl-styleguide_background-color-violet Copy Copy Copying... Preview Upgrade Background Color Purple True background-colors/rl-styleguide_background-color-purpletrue background-colors/rl-styleguide_background-color-purpletrue Copy Copy Copying... Preview Upgrade Background Color Fuchsia background-colors/rl-styleguide_background-color-fuchsia background-colors/rl-styleguide_background-color-fuchsia Copy Copy Copying... Preview Upgrade Background Color Pink background-colors/rl-styleguide_background-color-pink background-colors/rl-styleguide_background-color-pink Copy Copy Copying... Preview Upgrade Background Color Rosé background-colors/rl-styleguide_background-color-rose background-colors/rl-styleguide_background-color-rose Copy Copy Copying... Preview Upgrade Background Color Red background-colors/rl-styleguide_background-color-red background-colors/rl-styleguide_background-color-red Copy Copy Copying... Preview Upgrade Background Color Orange Dark background-colors/rl-styleguide_background-color-orangedark background-colors/rl-styleguide_background-color-orangedark Copy Copy Copying... Preview Upgrade Background Color Orange background-colors/rl-styleguide_background-color-orange background-colors/rl-styleguide_background-color-orange Copy Copy Copying... Preview Upgrade Background Color Yellow Dark background-colors/rl-styleguide_background-color-yellowdark background-colors/rl-styleguide_background-color-yellowdark Copy Copy Copying... Preview Upgrade Background Color Yellow background-colors/rl-styleguide_background-color-yellow background-colors/rl-styleguide_background-color-yellow Copy Copy Copying... Preview Upgrade SEMANTIC COLORS Semantic colors are used to communicate standard value states (such as error, success, or warning). Background Color Green Light Semantic background-colors/rl-styleguide_background-color-greenlight Copy Copy Copying... Preview Upgrade Background Color Green Semantic background-colors/rl-styleguide_background-color-green Copy Copy Copying... Preview Upgrade Background Color Green True Semantic background-colors/rl-styleguide_background-color-greentrue Copy Copy Copying... Preview Upgrade Background Color Red Semantic background-colors/rl-styleguide_background-color-red Copy Copy Copying... Preview Upgrade Background Color Yellow Dark Semantic background-colors/rl-styleguide_background-color-yellowdark Copy Copy Copying... Preview Upgrade Background Color Yellow Semantic background-colors/rl-styleguide_background-color-yellow Copy Copy Copying... Preview Upgrade NEUTRALS Neutrals are the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — use Neutral colors. Text Color Gray text-colors/rl-styleguide_text-color-gray text-colors/rl-styleguide_text-color-gray Copy Copy Copying... Preview Upgrade Text Color Gray Blue text-colors/rl-styleguide_text-color-grayblue text-colors/rl-styleguide_text-color-grayblue Copy Copy Copying... Preview Upgrade Text Color Gray Cool text-colors/rl-styleguide_text-color-graycool text-colors/rl-styleguide_text-color-graycool Copy Copy Copying... Preview Upgrade Text Color Gray Modern text-colors/rl-styleguide_text-color-graymodern text-colors/rl-styleguide_text-color-graymodern Copy Copy Copying... Preview Upgrade Text Color Gray Neutral text-colors/rl-styleguide_text-color-grayneutral text-colors/rl-styleguide_text-color-grayneutral Copy Copy Copying... Preview Upgrade Text Color Gray Iron text-colors/rl-styleguide_text-color-grayiron text-colors/rl-styleguide_text-color-grayiron Copy Copy Copying... Preview Upgrade Text Color Gray True text-colors/rl-styleguide_text-color-graytrue text-colors/rl-styleguide_text-color-graytrue Copy Copy Copying... Preview Upgrade Text Color Gray Warm text-colors/rl-styleguide_text-color-graywarm text-colors/rl-styleguide_text-color-graywarm Copy Copy Copying... Preview Upgrade PRIMARY, SECONDARY & ACCENT COLORS Primary colors are the main colors that make up the majority of the colors used in the design system. Secondary and Accent colors are used sparingly in components such as pills, alerts and labels. Text Color Moss text-colors/rl-styleguide_text-color-moss text-colors/rl-styleguide_text-color-moss Copy Copy Copying... Preview Upgrade Text Color Green Light text-colors/rl-styleguide_text-color-greenlight text-colors/rl-styleguide_text-color-greenlight Copy Copy Copying... Preview Upgrade Text Color Green text-colors/rl-styleguide_text-color-green text-colors/rl-styleguide_text-color-green Copy Copy Copying... Preview Upgrade Text Color Green True text-colors/rl-styleguide_text-color-greentrue text-colors/rl-styleguide_text-color-greentrue Copy Copy Copying... Preview Upgrade Text Color Teal text-colors/rl-styleguide_text-color-teal text-colors/rl-styleguide_text-color-teal Copy Copy Copying... Preview Upgrade Text Color Cyan text-colors/rl-styleguide_text-color-cyan text-colors/rl-styleguide_text-color-cyan Copy Copy Copying... Preview Upgrade Text Color Blue Light text-colors/rl-styleguide_text-color-bluelight text-colors/rl-styleguide_text-color-bluelight Copy Copy Copying... Preview Upgrade Text Color Blue text-colors/rl-styleguide_text-color-blue text-colors/rl-styleguide_text-color-blue Copy Copy Copying... Preview Upgrade Text Color Blue Dark text-colors/rl-styleguide_text-color-bluedark text-colors/rl-styleguide_text-color-bluedark Copy Copy Copying... Preview Upgrade Text Color Indigo text-colors/rl-styleguide_text-color-indigo text-colors/rl-styleguide_text-color-indigo Copy Copy Copying... Preview Upgrade Text Color Purple text-colors/rl-styleguide_text-color-purple text-colors/rl-styleguide_text-color-purple Copy Copy Copying... Preview Upgrade Text Color Violet text-colors/rl-styleguide_text-color-violet text-colors/rl-styleguide_text-color-violet Copy Copy Copying... Preview Upgrade Text Color Purple True text-colors/rl-styleguide_text-color-purpletrue text-colors/rl-styleguide_text-color-purpletrue Copy Copy Copying... Preview Upgrade Text Color Fuchsia text-colors/rl-styleguide_text-color-fuchsia text-colors/rl-styleguide_text-color-fuchsia Copy Copy Copying... Preview Upgrade Text Color Pink text-colors/rl-styleguide_text-color-pink text-colors/rl-styleguide_text-color-pink Copy Copy Copying... Preview Upgrade Text Color Rosé text-colors/rl-styleguide_text-color-rose text-colors/rl-styleguide_text-color-rose Copy Copy Copying... Preview Upgrade Text Color Red text-colors/rl-styleguide_text-color-red text-colors/rl-styleguide_text-color-red Copy Copy Copying... Preview Upgrade Text Color Orange Dark text-colors/rl-styleguide_text-color-orangedark text-colors/rl-styleguide_text-color-orangedark Copy Copy Copying... Preview Upgrade Text Color Orange text-colors/rl-styleguide_text-color-orange text-colors/rl-styleguide_text-color-orange Copy Copy Copying... Preview Upgrade Text Color Yellow Dark text-colors/rl-styleguide_text-color-yellowdark text-colors/rl-styleguide_text-color-yellowdark Copy Copy Copying... Preview Upgrade Text Color Yellow text-colors/rl-styleguide_text-color-yellow text-colors/rl-styleguide_text-color-yellow Copy Copy Copying... Preview Upgrade SEMANTIC COLORS Semantic colors are used to communicate standard value states (such as error, success, or warning). Text Color Green Light text-colors/rl-styleguide_text-color-greenlight text-colors/rl-styleguide_text-color-greenlight Copy Copy Copying... Preview Upgrade Text Color Green text-colors/rl-styleguide_text-color-green text-colors/rl-styleguide_text-color-green Copy Copy Copying... Preview Upgrade Text Color Green True text-colors/rl-styleguide_text-color-greentrue text-colors/rl-styleguide_text-color-greentrue Copy Copy Copying... Preview Upgrade Text Color Red text-colors/rl-styleguide_text-color-red text-colors/rl-styleguide_text-color-red Copy Copy Copying... Preview Upgrade Text Color Yellow Dark text-colors/rl-styleguide_text-color-yellowdark text-colors/rl-styleguide_text-color-yellowdark Copy Copy Copying... Preview Upgrade Text Color Yellow text-colors/rl-styleguide_text-color-yellow text-colors/rl-styleguide_text-color-yellow Copy Copy Copying... Preview Upgrade By clicking “Accept Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Cookie Policy for more information. Cookie SettingsAccept Cookies Cookie Settings Relume Library uses cookies to offer you a better experience. See Cookie Policy for more details. Reject all cookiesAllow all cookies Manage Preferences Essential Essential for the site to function. Always On. Personalization Used to remember preference selections and provide enhanced features. Essential Marketing Used for targeted advertising. Essential Analytics Used to measure usage and improve your experience. Essential CancelSave EXPERIENCE THE POWER OF OUR AI SITE BUILDER TODAY Try the Site Builder Build a website in under 5 minutes. Yes really. Product What's New AI Site Builder Webflow Library Figma Library React Library Chrome Extension Libraries Pricing Power ups Relume Icons Relume Ipsum Color Palettes Attributes Untitled UI Learn Webflow Style Guide Client-First Docs Community Community Love Showcase Inspiration Feed Voting Board Slack Request Components Provide Feedback Hire an Expert Become an Expert Become an Affiliate Submit requests on Slack Have any requests or suggestions that would make Relume Library more useful for you? Join our Slack community and share them to the channel #component-requests. Join our Slack Company Careers Hiring! Contact Sales Support FAQ Privacy Policy Terms & Conditions Licensing Agreement Cookie Settings Support All support for the Relume is provided through Slack. To get assistance, please join our Slack community and send a preview link of your Webflow project along with a description of your problem to one of our experts. We will review your issue and guide you through a solution. For account-related issues, please contact support@relume.io. Join our Slack © 2024 Relume. All rights reserved. Rob Austin Snr. Software Engineer Lorem ipsum Matt Johnson Head of Support Lorem ipsum Jonathan Nathan Product Designer Lorem ipsum Maria Marin Product Designer Kaleb Jae Component Team Lead Lorem ipsum Andy McKay Principal Product Designer Lorem ipsum Sam Parkinson Snr. Software Engineer Lorem ipsum Damian Martelli Lead Product Designer Lorem ipsum Daniel Slater Founding Engineer & CTO Lorem ipsum Adam Mura Co-founder Lorem ipsum Dan Anisse Co-founder Lorem ipsum Join our community © 2024 Relume. All rights reserved.