Skip to content
  • Flutterflow Apps
    • All Products
    • App Templates
    • Custom Widgets
    • Icons Pack
  • Figma UI Kits
  • 3D Icons
  • Flutterflow course
My Account
awesome-color-picker-widget-flutterflow
awesome-color-picker-widget-flutterflow
1/2
About

A modern, touch-friendly awesome color picker widget 🎨 for FlutterFlow. Pop it in anywhere to let users choose brand-safe colors fast: anchored popover, smooth 60 fps feedback, haptics/ripples, and persistent β€œlast used” picks. Fully themeable and accessible out of the box.

Functionality

  • πŸ“ Anchored popover with smart placement & tap-outside dismiss

  • πŸŽ›οΈ Custom swatch palette (rows/cols, spacing, Recent row)

  • βœ… Clear selection state (check/ring) + haptics & ripple

  • πŸ”” Callbacks: onOpen, onChange, onConfirm, onClose

  • πŸ” Output formats: HEX (default), RGB, HSL, MaterialColor

  • πŸ”’ Lock/disable specific brand colors with helpful tooltips

  • ♻️ Optional persistence of last chosen color

  • 🎨 Themeable chips, radius, borders, elevation, blur; light/dark modes

  • β™Ώ Accessibility: big hit targets, ARIA labels, RTL support

  • ⚑ Lightweight with 60 fps animations; list/grid friendly

Use cases

  • 🏷️ Tag/label colors in to-do, notes, and kanban boards

  • πŸ‘€ Quick theme/accent selection for profiles & dashboards

  • πŸ“Š Chart series & map layer colors in analytics screens

  • 🚦 Status/priority chips, category badges, product variants

  • 🧩 Design-system palettes in admin/config pages

Keywords (one line)
awesome color picker widget, flutterflow color picker widget, color picker custom widget flutterflow, swatch palette widget flutterflow, popover color picker custom widget, anchored popover widget flutterflow, hex rgb hsl color widget, brand colors lock custom widget flutterflow, recent colors widget flutterflow, theme accent color picker widget, chip grid color widget flutterflow, rtl accessible color picker widget, haptic feedback ripple widget flutterflow, dark mode light mode color widget, material 3 color picker widget, mobile ui color component, custom widget flutterflow color selector, palette picker custom widget flutterflow, ui color picker widget flutterflow

Home
›
Flutterflow
›
Awesome Color Picker V3

Awesome Color Picker V3

Preview
We’ll build your app in 7 days
  • Fixed price & scope
  • Pixel-perfect UI/UX
  • App Store & Google Play submission
Get a Quote
Features
  • Animation
  • Filters
Categories
  • E-Commerce
  • Entertainment
  • Game
Style
  • Clean
  • Minimal
  • Neumorphic
Support
  • Contact us
  • Video tutorials
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.

Related Products
See more
  • weather-forecast-app-template
    -50%

    Flutterflow

    $99
    $50

    Weatherly - Live Weather Forecast App

  • inventory-management-app
    -50%

    Flutterflow

    $249
    $149

    Stockly - Inventory Management App

  • planior
    -50%

    Flutterflow

    $190
    $119

    Planior - Offline Task & Finance Template for FlutterFlow

  • fastpay-online-payment-app
    -50%

    Flutterflow

    $190
    $119

    FastPay - Online Payment App Template

  • dating-app-ui-kit-flutterflow
    -50%

    Flutterflow

    $190
    $119

    Datingo - Modern Dating App UI Kit πŸ’œ

  • custom-nav-bars
    -50%

    Flutterflow

    Free

    Custom Nav Bars (Navigation Bar)

Make it simple, make it beautiful, make it fast. Every day of delay is users lost. Let’s ship apps quickly!
Resources
  • App templates
  • Custom widgets
  • Icons Pack
  • Custom Actions
  • Figma UI Kits
  • 3D Icons
  • Flutterflow course
Flutterflow apps
  • E-commerce
  • Education
  • Finance
  • Food
  • Health
  • Music
  • Video
Company
  • Contact us
  • About
  • Blog
Find us at
  • YouTube
  • Twitter
  • Product Hunt
  • Telegram
  • Behance
  • Email us
Be the first to learn about special offers and important updates πŸ””
Get the latest updates, tips, and exclusive offers from Webnum.com. No spam.
Subscription Form
By submitting your email address, you agree to receive Webnum’s monthly newsletter. For more information, please read our privacy policy. You can always withdraw your consent.
Β© 2025 Webnum. All rights reserved.
  • License
  • Terms & Conditions
  • Privacy policy
Cart Panel 0
By clicking β€œAccept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Accept
  • Flutterflow Apps
  • Figma UI Kits
  • 3D Icons
  • Flutterflow course
Contact us