Tempered Clover color palette — #FED9DD · #9BBAFF · #00CF39 · #0C2D2A · #081211

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

The five colors

• Shell Pink (#FED9DD): A whisper-light, dusty red — the color of embers at dusk.
• Sky (#9BBAFF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#00CF39): A luminous, vivid green — the color of fresh herbs.
• Deep Forest (#0C2D2A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#081211): 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

• Lime Cabin color palette (#FFE7F4, #48CBFE, #8AC000, #093129, #071410)
• Tempered Lime Corridor color palette (#FFE5E2, #B5C9FF, #49E05A, #3E4300, #25271C)
• Wandering Teal Coast color palette (#EEE0D6, #ABB4FF, #00C7AA, #002D32, #061214)
• Mustard Meadow color palette (#FFE5E8, #BABDFF, #C0B600, #383A33, #28251C)
• Wandering Iris color palette (#FFEAE9, #7B92FF, #009A73, #001C13, #000506)
• Cobalt Workshop color palette (#EBF4F4, #81C4A8, #007AC2, #007756, #030F1C)
• Aged Sunflower Atelier color palette (#F8E7FF, #F0E200, #D8D0C7, #2B4539, #121D18)
• Hushed Violet Alley color palette (#E4F6F6, #429A6E, #8861A7, #803740, #061E1E)

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