This page was built using your selected palette. You can see how the palette could be used and maybe looking at it will spark new ideas for your project!
Here’s how your selected colors might appear on a lighter background. This helps visualize UI elements like cards, text, and subtle backgrounds using the base and accentuation tones.
This card uses base-color as background and dark for text. It's perfect for UI surfaces like panels, modals, or form containers.
This block uses the dark color as a background with light text. Great for contrast areas like footers or callouts.
These cards simulate a visual content section, perfect for blog snippets, product displays, or galleries.
Clean layout blocks using primary as a highlight color for buttons and headings.
Use your base color to anchor content in calm neutral zones like this.
Bright accentuation colors draw attention to CTAs and active areas.
Dark primary tones are perfect for contrast-heavy footers or headers.
Light base shades are subtle backgrounds that won’t overpower content.