Misty Clover Pier color palette — #FEF5DD · #6DB85B · #00705C · #00415D · #080800

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

The five colors

• Cream (#FEF5DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Clover (#6DB85B): A luminous, balanced green — the color of new leaves after rain.
• Pine (#00705C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Pine Drift color palette (#FFF3E5, #AAA822, #1B731D, #00454A, #080800)
• Mint Market color palette (#FDF5DF, #8CCE89, #008A76, #6C4253, #181A00)
• Hushed Veranda color palette (#E1E4D4, #438964, #00503C, #00312D, #000B04)
• Weathered Amber Boulevard color palette (#F5DBCA, #B08712, #465500, #341D4F, #020100)
• Olive Harbor color palette (#E6DED1, #6F8500, #004926, #30072B, #010100)
• Frosted Quarry color palette (#FFE5F7, #7284FF, #7E8000, #3537B0, #080800)
• Frosted Lantern color palette (#FFF2EB, #69DEFB, #0080CB, #00533F, #06062B)
• Washed Celadon color palette (#FFF4DE, #B9EA97, #33A882, #865C75, #2F2F28)

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