Clover Quarry color palette — #FFF3E8 · #FFCBDA · #FFA25B · #66BB00 · #463900

Clover takes the lead with Apricot close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Shell Pink (#FFCBDA): A whisper-light, dusty rose — the color of pressed rose petals.
• Apricot (#FFA25B): A luminous, balanced gold — the color of old brass.
• Clover (#66BB00): A luminous, vivid green — the color of new leaves after rain.
• Deep Olive (#463900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, Softness, Clarity. Tagged candy, vibrant, light.

Use it as a design system

One click turns Clover Quarry 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 Parlor color palette (#FEF3E6, #FFC5C1, #FBB023, #00B180, #2D2F00)
• Faded Balcony color palette (#FFF2ED, #EFC6FF, #FFA29D, #A8AB00, #512300)
• Faded Lime Boulevard color palette (#FFF3E6, #EFD7BF, #DFC982, #BDC71E, #4C3300)
• Worn Marigold color palette (#FFE5DA, #E89C38, #9B8F00, #4E6C00, #00481A)
• Wandering Lime color palette (#FEF7CB, #FFB66F, #99C800, #0099AB, #00300C)
• Antique Lagoon color palette (#E6FDE3, #FFB9AE, #E49200, #8D8400, #4D3500)
• Wandering Pier color palette (#FFF0E2, #FFA2BB, #ED9500, #009B3E, #2C2100)
• Hushed Teal color palette (#F9F5E8, #F0D8C6, #D7D272, #00BEAE, #32441D)

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