Tempered Clover Coast color palette — #FFDCCE · #00D275 · #009FB6 · #B1366D · #003128

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

The five colors

• Shell Pink (#FFDCCE): A whisper-light, dusty orange — the color of autumn markets.
• Clover (#00D275): A luminous, vivid teal — the color of shallow lagoons.
• Cerulean (#009FB6): A luminous, balanced blue — the color of open sky before noon.
• Magenta Rose (#B1366D): A full-bodied, vivid rose — the color of strawberry cream.
• Deep Forest (#003128): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro.

Use it as a design system

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

• Antique Byzantium Boulevard color palette (#FFDDC5, #A0C100, #00A590, #9F39A3, #0C320B)
• Brick Studio color palette (#FFDBD2, #00CCB8, #199FE9, #B02F06, #002F34)
• Linen Clover Harbor color palette (#FFF1F4, #41CA3E, #00809A, #830041, #001E16)
• Powdered Orchid color palette (#BCF4F6, #27D19B, #A24AE7, #B6126E, #361E00)
• Periwinkle Villa color palette (#FFE7F0, #00D2E2, #6995EA, #9F652C, #1A3443)
• Weathered Aqua Ridge color palette (#D8EAD8, #62CFCE, #6AA4D6, #A46351, #692D1C)
• Seafoam Pier color palette (#FFF0FA, #86E8BD, #7BB9CE, #AF7B83, #324D52)
• Pale Mint color palette (#C6F8EA, #11E389, #00AE9C, #6A863E, #09371F)

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