Clover Courtyard color palette — #FBE6FF · #D9C500 · #00C876 · #002511 · #000303

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

The five colors

• Blush (#FBE6FF): A whisper-light, dusty pink — the color of peonies in June.
• Saffron (#D9C500): A luminous, vivid green — the color of fresh herbs.
• Clover (#00C876): A luminous, vivid teal — the color of glacier melt.
• Onyx (#002511): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Softworn Mustard Veranda color palette (#FEE7DC, #D0C0FF, #C2C300, #1A1A00, #000402)
• Clover Bloom color palette (#EFD9E4, #FFA747, #00B554, #22532F, #001E1D)
• Ancient Mint Hollow color palette (#EBECDE, #FFAEDF, #00DC9C, #002C1C, #000707)
• Tangerine Garden color palette (#FDE5C9, #FE6239, #00A585, #001912, #020500)
• Pale Seafoam Basin color palette (#BEFFA0, #FFC9C6, #00E3E2, #0B2A32, #01080B)
• Worn Pier color palette (#E2E9D6, #FFA7AB, #00C8E1, #001A24, #000306)
• Muted Wisteria color palette (#F4E4DB, #B991FF, #00AEAF, #0D2C37, #001818)
• Apricot Terrace color palette (#EAF8FF, #FFAC84, #006376, #00232B, #000103)

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