Clover Bloom color palette — #CAF095 · #00B540 · #008C61 · #005D51 · #0B4057
Clover and Butter set the tone — five colors that lean into nature and growth.
The five colors
- Butter (#CAF095): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#00B540): A luminous, vivid green — the color of fresh herbs.
- Fern (#008C61): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005D51): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#0B4057): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Clover Bloom into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Pale Clover color palette (#DFE8C5, #5BB73E, #008153, #005350, #002D36)
- Gentle Boulevard color palette (#DDF0D9, #6BDA8A, #00B986, #00987F, #004745)
- Wandering Lime Villa color palette (#EFE8C9, #A2AE00, #528800, #006132, #004A39)
- Mallow Balcony color palette (#EBE7C8, #F4AFFF, #00B08E, #1C4030, #202819)
- Wandering Teal Delta color palette (#BDFFEC, #00C5B8, #008D9B, #0D5E7E, #2B5449)
- Tempered Teal color palette (#D5FFFB, #00CBBB, #007E6D, #004744, #002D2A)
- Gentle Plum color palette (#B5FDE8, #00957C, #BD3084, #A52A55, #003A2F)
- Soft Coast color palette (#E8FED7, #00AC8C, #CB3E96, #006C57, #5D2145)
Browse the whole catalog at Explore, or see today's palette.