Patina Cocoa Veranda color palette — #FEF3E7 · #FFD1C2 · #A0A873 · #6A6F96 · #5A3600
A conversation between Cocoa and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF3E7): a clean, paper-quiet neutral.
- Shell Pink (#FFD1C2): A whisper-light, dusty orange — the color of toasted spice.
- Sage (#A0A873): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#6A6F96): A full-bodied, dusty violet — the color of twilight just after sunset.
- Cocoa (#5A3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Patina Cocoa color palette (#FCF5E2, #FFCED8, #B79E75, #4B7E72, #662C07)
- Dusty Taupe Cabin color palette (#FFF2F0, #F2B9CE, #78A782, #75608C, #4E2B41)
- Tempered Cerulean color palette (#EBFAEE, #F1C1D1, #B3B27A, #5C93B5, #3B4D3E)
- Dusty Fern Market color palette (#FAF5E9, #BBE4D7, #A1B692, #987E81, #484A00)
- Patina Olive Quarry color palette (#FFF1F5, #D19789, #7A7C32, #535384, #574049)
- Oat Garden color palette (#FFF2ED, #C9D389, #51A19D, #824E7A, #31322B)
- Weathered Olive color palette (#F8F1E5, #CFA172, #7E7C38, #1C5879, #342A1C)
- Oat Balcony color palette (#FFF2EC, #DFDECC, #C1CAAD, #9B8089, #614750)
Browse the whole catalog at Explore, or see today's palette.