Patina Cocoa Veranda color palette — #E1ECFF · #A0A2BC · #8B6886 · #5B491D · #283109

Built around Cocoa, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Frost (#E1ECFF): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#A0A2BC): A luminous, dusty violet — the color of wild irises.
• Slate (#8B6886): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#5B491D): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#283109): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Fern Garden color palette (#CAF4D9, #A3A2D3, #986782, #565C0F, #414600)
• Antique Veranda color palette (#E7ECFF, #BEBACF, #8F799D, #585C2F, #17423F)
• Feathered Brick color palette (#F7E8FD, #B1839F, #A7434D, #284900, #002A1F)
• Tempered Bronze Harbor color palette (#F4D4EB, #D7ADBD, #AC7C9E, #84651D, #4D4600)
• Forest Ridge color palette (#EDDAFF, #D29EA1, #9D6B50, #12674A, #003133)
• Worn Studio color palette (#E2E8F6, #897096, #7E3E66, #302B00, #071700)
• Chestnut Summit color palette (#F2DFFB, #B6857F, #85603A, #004C3D, #00202C)
• Timeworn Abyss color palette (#E4FAFF, #C3DCF0, #9393BA, #417778, #0F4853)

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