Gruvbox Color Scheme
A Flutter package that provides the Gruvbox
color palette as Material 3 ColorScheme for use with ThemeData.
Features
- Complete Material 3
ColorSchemefor both light and dark color themes. - All original Gruvbox colors available as static constants.
- Material color role mappings for light and dark themes.
- Zero external dependencies.
Screenshots
| Light | Dark |
|---|---|
![]() |
![]() |
Getting Started
Add the package to your pubspec.yaml:
dependencies:
gruvbox_color_scheme: ^0.0.1
Usage
Apply Gruvbox theme to your app
import 'package:flutter/material.dart';
import 'package:gruvbox_color_scheme/gruvbox_color_scheme.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(colorScheme: GruvboxColorScheme.light),
darkTheme: ThemeData(colorScheme: GruvboxColorScheme.dark),
themeMode: ThemeMode.system,
home: const MyHomePage(),
);
}
}
Use individual Gruvbox colors
Container(
color: GruvboxColor.neutralOrange,
child: Text(
'Hello Gruvbox',
style: TextStyle(color: GruvboxColor.light0Hard),
),
)
Access Material color roles directly
final primaryColor = GruvboxLightMaterialColorRole.primary;
final surfaceColor = GruvboxDarkMaterialColorRole.surface;
Available Colors
Grayscale
| Dark | Light |
|---|---|
#1D2021 - dark0Hard |
#F9F5D7 - light0Hard |
#282828 - dark0 |
#FBF1C7 - light0 |
#32302F - dark0Soft |
#F2E5BC - light0Soft |
#3C3836 - dark1 |
#EBDBB2 - light1 |
#504945 - dark2 |
#D5C4A1 - light2 |
#665C54 - dark3 |
#BDAE93 - light3 |
#7C6F64 - dark4 |
#A89984 - light4 |
#928374 - gray |
Accent Colors
| Bright | Neutral | Faded |
|---|---|---|
#FB4934 - brightRed |
#CC241D - neutralRed |
#9D0006 - fadedRed |
#B8BB26 - brightGreen |
#98971A - neutralGreen |
#79740E - fadedGreen |
#FABD2F - brightYellow |
#D79921 - neutralYellow |
#B57614 - fadedYellow |
#83A598 - brightBlue |
#458588 - neutralBlue |
#076678 - fadedBlue |
#D3869B - brightPurple |
#B16286 - neutralPurple |
#8F3F71 - fadedPurple |
#8EC07C - brightAqua |
#689D6A - neutralAqua |
#427B58 - fadedAqua |
#FE8019 - brightOrange |
#D65D0E - neutralOrange |
#AF3A03 - fadedOrange |
Additional Information
- Colors are sourced from the official Gruvbox repository.
- Material color roles follow the Material 3 color system.
- See the
example/folder for a complete demo app.

