# How I prototype with colors in Jetpack Compose

DevFeed: [How I prototype with colors in Jetpack Compose](<https://devfeed.tech/articles/how-i-prototype-with-colors-in-jetpack-compose-25784.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/how-i-prototype-with-colors-in-jetpack-compose/>)

Author: sinasamaki

Published: 2025-02-21T07:25:13Z

Content type: tutorial

Language: en

Sources: [sinasamaki](<https://devfeed.tech/sources/sinasamaki.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Compose](<https://devfeed.tech/topics/compose.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [ui](<https://devfeed.tech/topics/ui.md>), [TailwindCSS](<https://devfeed.tech/topics/tailwindcss.md>), [Android Studio](<https://devfeed.tech/topics/android-studio.md>)

Tags: [android-studio](<https://devfeed.tech/tags/android-studio.md>), [article](<https://devfeed.tech/tags/article.md>), [compose](<https://devfeed.tech/tags/compose.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A tutorial on prototyping Jetpack Compose UI colors by adapting TailwindCSS's predefined palette into Kotlin color objects and using an infix extension function to select light or dark variants.

## Source excerpt

Don't waste time choosing colors in Jetpack Compose