Patina Cocoa color palette — #F6DAF1 · #8AAC8F · #5C7E5E · #7A4855 · #633735

Coffee takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F6DAF1): A whisper-light, dusty pink — the color of peonies in June.
• Sage (#8AAC8F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5C7E5E): A full-bodied, dusty green — the color of new leaves after rain.
• Coffee (#7A4855): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#633735): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Softworn Mulberry color palette (#C6E8DA, #92B3A5, #507B71, #774367, #5F3616)
• Antique Pewter color palette (#FFE0F2, #C3A0B5, #607B66, #6C4C7D, #6C383F)
• Aged Corridor color palette (#E5FBF6, #6EA899, #006F7E, #6C3946, #003D43)
• Cocoa Meadow color palette (#EBFAEE, #AFCFC9, #7694A1, #80666E, #624642)
• Ancient Teal Studio color palette (#FFE2C6, #BFD3A8, #76B9B8, #A27B80, #563A3D)
• Weathered Thicket color palette (#C9F3E0, #8FC6BD, #5E9E89, #625F86, #453C5E)
• Basalt Alley color palette (#CCF5E0, #76BBA1, #3D8099, #67551C, #39460B)
• Misty Garnet color palette (#FFE3D9, #988248, #006645, #65152D, #4C160A)

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