Tempered Clover Canyon color palette — #DCE2F0 · #30C7F9 · #00CE79 · #005B32 · #151B00
Clover and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DCE2F0): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cyan (#30C7F9): A luminous, balanced blue — the color of deep harbor water.
- Clover (#00CE79): A luminous, vivid teal — the color of sea glass.
- Deep Olive (#005B32): A full-bodied, balanced teal — the color of sea glass.
- Ink (#151B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Tempered Clover Canyon 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
- Misty Teal color palette (#E3DBFC, #61C0FF, #00C8B9, #00504A, #061C01)
- Timeworn Lime Alley color palette (#D3E5F3, #00D0CA, #99BF00, #435500, #181400)
- Lime Grove color palette (#FFE5ED, #85B1FF, #96B300, #2A3300, #1A1600)
- Softworn Teal Boulevard color palette (#F1F7F0, #CCDED9, #9DD0C7, #00B0A0, #25391E)
- Clover Terrace color palette (#FCE4E1, #00D973, #CDAB00, #544400, #201500)
- Softworn Atelier color palette (#D1F0DB, #C5CBFF, #65D7FF, #456B58, #202B26)
- Quiet Lime color palette (#F8DCE5, #BCC8FF, #AACB00, #202800, #000302)
- Aqua Thicket color palette (#D6E9E8, #00D3E1, #00AAC5, #007D9E, #002C40)
Browse the whole catalog at Explore, or see today's palette.