Hazy Cocoa Veranda color palette — #F9F6E5 · #9FC993 · #3A885E · #803A06 · #051F00

Bronze and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#9FC993): A luminous, balanced green — the color of new leaves after rain.
• Fern (#3A885E): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#803A06): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#051F00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Hazy Cocoa Veranda 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

• Worn Archive color palette (#FDF4E3, #B7C18E, #51872C, #5F5000, #171B00)
• Muted Meadow color palette (#F6F6EB, #B3DCBA, #529A80, #805A3B, #262B0B)
• Cypress Alley color palette (#F5F7E4, #76B192, #007060, #543400, #000B04)
• Hushed Forest Loft color palette (#D1ECE2, #6D9A61, #00663C, #5A321B, #06302B)
• Softworn Parlor color palette (#EBE4CF, #93CA93, #00A892, #916488, #282C0A)
• Muted Emerald Field color palette (#E1F4EA, #5DA063, #006357, #502848, #001614)
• Lagoon Parlor color palette (#E7E6D5, #558959, #004831, #152000, #000200)
• Hushed Emerald Study color palette (#E0FFE0, #98DA9A, #109427, #00470E, #000400)

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