Clover Loft color palette — #FCF1D6 · #8AB85A · #00804B · #544368 · #242200

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

The five colors

• Cream (#FCF1D6): A whisper-light, dusty gold — the color of old brass.
• Jade (#8AB85A): A luminous, balanced green — the color of new leaves after rain.
• Teal (#00804B): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#544368): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#242200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Clover Loft 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 Cypress Field color palette (#F4F3E3, #7BAE87, #007564, #5C3C42, #1A1E0A)
• Ancient Olive color palette (#FFEFDE, #BEA73C, #5D7600, #3D4975, #2B1E00)
• Airy Moss Meadow color palette (#EFE3CC, #86A22C, #006F29, #4B2D68, #121900)
• Aged Pine color palette (#E6FCE8, #9DAB66, #027E40, #703C62, #373F10)
• Weathered Lagoon color palette (#F6F2E5, #C6C69D, #5E8F74, #725A60, #31322B)
• Ancient Emerald Orchard color palette (#E1FDF2, #A3C794, #369C63, #4F6A90, #27431B)
• Fuchsia Lantern color palette (#FFEDED, #F66DCC, #009A4C, #8C006D, #00290F)
• Emerald Courtyard color palette (#D9FFF6, #9DF19B, #38AA68, #337681, #003732)

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