Tempered Clover Harbor color palette — #EDE4D1 · #00CD5D · #4571EA · #020B40 · #01040D

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

The five colors

• Parchment (#EDE4D1): A whisper-light, dusty gold — the color of old brass.
• Clover (#00CD5D): A luminous, vivid green — the color of fresh herbs.
• Sapphire (#4571EA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#020B40): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#01040D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Aged Cobalt color palette (#E9E5CC, #76A936, #007CD6, #00152B, #000613)
• Hazy Lilac color palette (#CEE4EB, #00CCAB, #A687FF, #23183F, #0A0C16)
• Chalky Corridor color palette (#CCEADA, #00BABE, #9D25EA, #0D0A27, #03030A)
• Faded Garden color palette (#DAE0F2, #27B234, #3D00A7, #150047, #010014)
• Muted Corridor color palette (#E9EBC8, #D48A00, #009FB4, #001C21, #000509)
• Soft Byzantium Boulevard color palette (#DFEEFF, #00909F, #B700BC, #140015, #020006)
• Hazy Magenta Drift color palette (#D8EDCF, #00D0D8, #D400E2, #1C142F, #0B0912)
• Pale Coast color palette (#82FAEF, #69E9A2, #AEB3FF, #283044, #171A21)

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