Colorion
Browse colorion.co—two tone color, dual color, double complementary schemes, and CSS gold gradient buttons. Named palettes and HEX.
Tool powered by Coolors on Coolors.
Browse Coolors trending color palettes—skin tone, rainbow, pastel, monochromatic, and more. Shortlist popular combinations for UI and brand work.
Trending hub and category browsing: Start on the main trending feed, then drill into skin, rainbow, pastel, pink, orange, and other themed lists.
Skin tone and hex-oriented palettes: Find skin color palette and skin tone hex color style sets when illustrating people, UI avatars, or inclusive design mocks.
Rainbow and pastel directions: Compare rainbow color palette and pastel colors palette entries for campaigns, illustrations, and playful UI themes.
Monochromatic and pairing ideas: Explore monochromatic colouring and “what color goes well with” style combinations surfaced in trending lists.
Pick a category that matches your brief
Open skin, rainbow, pastel, or another trending group instead of scrolling the full feed blindly.
Shortlist two or three palettes
Save combinations that fit brand tone and still leave room for accessible text and surface colors.
Copy hex and test in layout
Paste values into components or Figma, then validate hierarchy on real screens.
Run contrast before you lock tokens
Check foreground and background pairs at /colour-contrast-checker after you adapt a trending set.
Treat trends as references
Adapt popular palettes to your audience—do not copy hex values without role mapping.
Watch skin tone accuracy
Use skin palettes as starting points; calibrate for lighting, medium, and brand illustration style.
Balance rainbow and pastel saturation
Vivid trending sets may need muted variants for long-form reading UI.
Open a top-level tab for premium actions
Some Coolors features work more reliably on https://coolors.co/ outside the iframe.
Product and UI designers: Explore trending combinations for themes, states, and marketing hero sections.
Illustrators and brand designers: Source skin tone, rainbow, and pastel sets for characters, campaigns, and social assets.
Front-end developers: Pull hex candidates into CSS variables or design tokens after design sign-off.
Design system teams: Benchmark seasonal or trend-aware expansions while keeping semantic color roles stable.
Official Coolors attribution
The iframe loads coolors.co/palettes/trending; palette data stays with Coolors.
Category coverage in one session
Reach skin, rainbow, pastel, and pairing-oriented lists from the trending hub.
Faster handoff to checks
Move from inspiration to contrast and compare tools without losing your tab.
Directory discoverability
Find this tool from /tools alongside other palette and picker utilities.