Feathered Clover color palette — #FAF2D7 · #69BF6A · #007D6B · #693C4F · #202302

Built around Clover, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF2D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#69BF6A): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007D6B): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#693C4F): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#202302): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Feathered 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

• Tempered Atelier color palette (#FBF0E0, #ABBB89, #548165, #664D57, #2B2813)
• Dusty Moss color palette (#F1E4BE, #38B03D, #006B5B, #57285C, #011D02)
• Weathered Mustard Terrace color palette (#FFEEE0, #C3A611, #537822, #56406E, #282000)
• Ancient Emerald color palette (#EDE9D8, #56A070, #00635D, #522D27, #0F1500)
• Softworn Cypress color palette (#F1F9E1, #6DB498, #007B68, #1E5772, #0E4533)
• Pale Lagoon color palette (#E5FBF3, #8ACD96, #209B83, #7F5983, #204428)
• Pale Rose Archive color palette (#FFEDE9, #FB537A, #009A72, #A12145, #00281B)
• Pale Seafoam Boulevard color palette (#E0FCF7, #77F6B3, #27A88F, #62678E, #053636)

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