Cocoa Veranda color palette — #F3DFD1 · #99A36D · #008774 · #7F3409 · #493800

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

The five colors

• Parchment (#F3DFD1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#99A36D): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#008774): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#7F3409): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#493800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Garnet Bloom color palette (#FEE6CF, #8BA06A, #007D6F, #822A3E, #621F00)
• Timeworn Cocoa Boulevard color palette (#E5E4D0, #6AA994, #357091, #6F4300, #413900)
• Muted Moss Thicket color palette (#D6F4E0, #73A339, #006B4B, #524100, #203502)
• Dusty Bloom color palette (#D1F0EB, #008379, #BC0B05, #733E00, #002B27)
• Washed Mulberry Meadow color palette (#E0EEDD, #6FC8AE, #11919F, #8A4793, #641E3D)
• Cerulean Parlor color palette (#E5F3E9, #2D8DA4, #595279, #452F00, #202100)
• Tempered Forest color palette (#DEF3F1, #76AAB9, #5F7391, #3D5C40, #23453D)
• Washed Station color palette (#E4FCEC, #B2CFCE, #869CA5, #7A6372, #624D4F)

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