UI Color Palette
UI Color Palette
UI Color Palette
  • Welcome aboard!
  • Why should you avoid RBG and HSL color spaces?
  • Glossary
  • Create a color palette
    • Overview
    • Select and import the source colors
      • Select colors from the document canvas
      • Import colors from external libraries
    • Choose a lightness scale preset
    • Set the scale
      • Adjust the lightness scale
      • Adjust the chroma・Pro
      • Distribute the stops・Pro
    • Configure the palette
      • Change the palette global settings
      • Select a color space
      • Select a vision simulation
      • Select a velocity
      • Lock the source colors
    • Create the palette in one single click
    • Use the Quick Actions to create
  • Manage a color palette
    • Overview
    • Adjust the scale
      • Adjust the lightness and the chroma
      • Add or remove stops in the Custom preset
    • Change the source colors
      • Add or remove a color
      • Change a color's parameters
      • Reorder the colors
    • Create color themes・Pro
      • Add or remove a theme
      • Change the themes' parameters
      • Reorder the themes
    • Manage global settings
    • Manage the colors
      • Select a color space
      • Select a vision simulation
      • Select a velocity
    • Manage the contrast
    • Update your preferences
  • Sync a color palette
    • Sync the palette to the local styles・Pro
    • Sync the palette to the local variable・Pro
  • Transfer a color palette
    • Overview
    • Export the palette
      • Export as tokens
      • Export as Custom Properties to CSS
      • Export for Apple apps (SwiftUI and UIKit)・Pro
      • Export for Android apps (Compose and Resources)・Pro
      • Export the LCH values to CSV・Pro
    • Usage in Dev Mode
  • Publish a color palette
    • Manage the palette lifecycle
    • Publish and Synchronize palettes
      • Publish palettes
      • Synchronize palettes
    • Reuse palettes across multiple documents
      • Reuse the palettes for your own usage
      • Hunt the shared palettes from the community
  • Others
    • Troubleshooting
    • Release notes
      • UI Color Palette 19
      • UI Color Palette 20
      • UI Color Palette 21
      • UI Color Palette 22
      • UI Color Palette 23
      • UI Color Palette 24
      • UI Color Palette 25
      • UI Color Palette 26
      • UI Color Palette 28
      • UI Color Palette 29
      • UI Color Palette 30
      • UI Color Palette 31
      • UI Color Palette 32
    • Legal
      • Terms and Conditions
      • Privacy Policy
      • Cookies Policy
Powered by GitBook
  1. Others
  2. Release notes

UI Color Palette 29

Time to go Tailwind

Key Feature

This feature enables direct exporting of your work to Tailwind. It simplifies the design process by reducing the steps needed to incorporate your designs into Tailwind projects, saving time and increasing workflow efficiency.

We've also integrated a Tailwind preset, providing more options for your designs. This addition lets you apply Tailwind's utility-first CSS framework to your projects, enhancing design flexibility.

Improvements

Color Model Change for CSS Export

We've revamped the color model for CSS exports. This update allows for a broader color range, lending a more vibrant and accurate appearance to your designs. You can now make your designs look just as you imagined them.

Material Design 3 Preset Added

The Material Design 3 preset has been added to our options. This new preset increases versatility in your design process. Applying Material Design principles and creating visually appealing projects is now easier.

Minor Changes

  • The communication button "Send an email" has been updated to "Contact Support".

  • Instructions for selecting colors from the canvas have been improved.

Bug Fixes

  • Fix the duplicated the preset name in the palette name by changing the hue offset.


Enjoy your updated UI Color Palette!

UI Color Palette Team

PreviousUI Color Palette 28NextUI Color Palette 30

Last updated 1 year ago

Was this helpful?

Also, we want to remind you that we're always listening to your , and we've made sure to incorporate your most recent feedback into these updates to ensure that they're tailored to your needs.

You can now start a discussion to share your practices, write feedback, help the community, etc.

Besides, you can always get support by sending us an email at and help us improve the quality of UI Color Palette by .

feedback and suggestions
Get ready to write a topic!
hello@ui-color-palette.com
reporting a bug