Tempered Clover color palette — #F3E4D2 · #C2ABFF · #54C939 · #1F2C1E · #15160F

Clover and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3E4D2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Lavender (#C2ABFF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#54C939): A luminous, vivid green — the color of fresh herbs.
• Deep Forest (#1F2C1E): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#15160F): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Tempered Clover 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

• Patina Dune color palette (#F7E4D6, #DB9EFF, #00C6AF, #1F281A, #0D120A)
• Hushed Mustard Atelier color palette (#F4E2E4, #65C7FF, #B9B000, #312A16, #151208)
• Mint Quarry color palette (#FFE0DF, #C2C4FF, #00DBC1, #2D494D, #16282B)
• Mint Pier color palette (#FFDFDE, #FFA9A9, #00D192, #29424D, #1C2C2D)
• Timeworn Market color palette (#ECDBE5, #A3B900, #00935D, #001C0E, #040700)
• Hushed Sunflower color palette (#F0E0EA, #EFC82A, #00B0A2, #1D2B19, #111610)
• Wandering Turquoise color palette (#E8E8D3, #FF9A9D, #00C2CC, #1B2A1D, #0B110C)
• Softworn Petrol Loft color palette (#ECF4EF, #CADEE1, #D1BEC0, #497E8D, #242F29)

Browse the whole catalog at Explore, or see today's palette.