ColorBox
Tool for generating accessible color palettes with customizable steps, contrast indicators, and dark mode variants.
Pros
- Generates structured color palettes with customizable steps
- Includes accessibility indicators for contrast ratios
Cons
- Interface may require a learning curve for new users
ColorBox is a free tool built for creating structured, flexible color palettes. It lets you generate custom color scales by adjusting hue, saturation, brightness, and step control. Colors can be fine-tuned across light and dark modes, with smart options for setting the number of steps or manually tweaking values until everything feels right.
The interface focuses on control without overcomplication. You can easily experiment with different color progressions, preview accessibility contrast levels, and generate matching dark mode palettes automatically or by hand. The tool provides real-time contrast checks so it is easy to spot potential issues before moving into design or development.
Finished palettes can be exported for Figma, downloaded in JSON, or copied straight into a codebase. It is fast, flexible, and built to help create color systems that feel intentional and consistent across a product. ColorBox is the kind of tool that solves a specific problem well, making color palettes that are easy to manage, accessible, and ready to use in any design system.
More
Color Generators
Accessible Color Palette Generator
Browser tool that generates accessible UI palettes for light and dark modes, balancing perceived lightness, contrast rules, and practical UI roles.
Adobe Color
Color tool for building palettes, pulling themes from images, and syncing color systems across your Adobe apps.
UI Colors
Simple web tool for generating customizable color scales with real-time editing, export options, and Figma integration.
Khroma
Generate infinite color combinations with an AI tool that adapts to your favorite colors.
Color Hunt
A curated collection of beautiful color palettes that are created and submitted by the community.
Get a grip on your design
resources and join our community
Free Membership
Current Membership
Save your favorite resources to your personal board for quick access and easy referencing.
- Create 1 board
- Save 10 resources
- Share your saved board with your team and network
- Rate and suggest resources
- Access to curated boards
- Be the first to discover new tools, trends, and insider perspectives
Premium Membership
Save your favorite resources to your personal board for quick access and easy referencing
- Create 50 boards
- Save 50 resources per board
- Share your saved board with your team and network
- Rate and suggest resources
- Access to curated boards
- Be the first to discover new tools, trends, and insider perspectives
Save this resource to a board.
Before saving a resource a board needs to be created.
Save to favorites.
Add to my list.
Name your new board:
Edit Board
Share or Delete Board
Are you sure you want to delete this Board?
Delete from my favorites.Are you sure you want to delete this Resource?
Remove from this board.Suggest a resource, report a broken or expired link.
Send We See Giants a message.
Free Membership
Current Membership
Save your favorite resources to your personal board for quick access and easy referencing.
- Create 1 board
- Save 10 resources
- Share your saved board with your team and network
- Rate and suggest resources
- Access to curated boards
- Be the first to discover new tools, trends, and insider perspectives
Already have an account? LOGIN