Softworn Cocoa Veranda color palette — #FDF2F7 · #C48A6B · #735A00 · #7F3800 · #031E0E

Bronze takes the lead with Olive close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Caramel (#C48A6B): A luminous, balanced orange — the color of toasted spice.
• Olive (#735A00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#7F3800): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#031E0E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance. Tagged duotone, muted.

Use it as a design system

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

• Muted Olive Coast color palette (#F1F7F0, #C8A882, #787200, #845400, #162920)
• Airy Garnet color palette (#FBF2FB, #D47D7C, #874E00, #970022, #290E1A)
• Frosted Fern color palette (#EEF8F2, #A99A4D, #366E08, #5C4F00, #001E19)
• Washed Terracotta color palette (#F7EFF5, #E57E76, #4B7200, #A00A19, #000906)
• Aged Bronze Dune color palette (#DDF6E5, #A77F21, #635D00, #004B3F, #00342F)
• Quiet Bronze color palette (#FFDAAA, #B59754, #7C6800, #474300, #0D3515)
• Tempered Chestnut Orchard color palette (#FCF2F6, #D3DDDA, #A9B8AB, #915200, #45363B)
• Dusty Bronze color palette (#F7E8ED, #A8641D, #3C4A19, #4C2700, #050300)

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