Pale Clover color palette — #EDDDCD · #FF9C8E · #00CD68 · #292E12 · #10120A

Clover and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EDDDCD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#FF9C8E): A luminous, balanced orange — the color of toasted spice.
• Clover (#00CD68): A luminous, vivid teal — the color of shallow lagoons.
• Deep Forest (#292E12): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#10120A): quiet, heavy and certain.

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

Use it as a design system

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

• Washed Clover color palette (#F6E4ED, #FFB4BD, #2BB71C, #292B0D, #16170C)
• Timeworn Pier color palette (#F7EFDC, #FF9F79, #00C4C3, #1D321D, #0D160D)
• Patina Aqua color palette (#F9D6C2, #C5B8FF, #00CACD, #2C433D, #252B25)
• Misty Mustard Drift color palette (#D6E4CF, #DFB700, #00C1D7, #182C1E, #0E1811)
• Antique Lime color palette (#F4E7CA, #A1B61D, #0096D8, #002032, #020E0A)
• Worn Market color palette (#FFE5FD, #B3D01E, #69C42E, #344B47, #252E2C)
• Amber Bloom color palette (#F3EFE2, #E18100, #00A1A5, #001B1C, #000601)
• Petrol Courtyard color palette (#EDF4F0, #DCD1CD, #CCB4B1, #367E9F, #232F2A)

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