Tempered Clover color palette — #E0F1FF · #37C513 · #FF3B5E · #381501 · #1B101B

A conversation between Clover and Scarlet, giving this palette its sense of nature and growth.

The five colors

• Frost (#E0F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#37C513): A luminous, vivid green — the color of fresh herbs.
• Scarlet (#FF3B5E): A luminous, vivid red — the color of embers at dusk.
• Espresso (#381501): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1B101B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, 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

• Frosted Bloom color palette (#DAE9FF, #15D763, #FF6C5E, #47252E, #251C23)
• Soft Moss color palette (#DBE2FF, #46AD00, #DA4800, #1C0D00, #080306)
• Ancient Peony color palette (#C5EAF7, #B3A800, #FF278F, #380F0A, #160E19)
• Softworn Ridge color palette (#DDE8FF, #00C09D, #E56900, #301000, #150B11)
• Weathered Coral color palette (#EAD6F5, #D9A800, #FF7961, #4A433F, #211109)
• Washed Summit color palette (#E2E0FB, #00C2C7, #CF8700, #213116, #0D1B0C)
• Magenta Corridor color palette (#C2E8ED, #D49800, #EC08E9, #390F1F, #130F1E)
• Muted Pier color palette (#E2DCEC, #00885A, #A65D00, #100B02, #050002)

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