Softworn Cocoa Terrace color palette — #FAF4ED · #C8DFCC · #A2B786 · #9A7B8C · #584300

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A2B786): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#9A7B8C): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Sand Balcony color palette (#ECF9F0, #E4E1AE, #92C2AF, #A295A4, #435149)
• Antique Teal Alley color palette (#F6F6EB, #C4F3D5, #41B3A4, #906B6C, #313F00)
• Driftwood Market color palette (#F0F7F1, #ABC9B9, #638B7E, #616578, #405248)
• Dusty Dune color palette (#FFF2ED, #F2D5C4, #78E2CC, #D47E7D, #3B4C32)
• Tempered Blush Bloom color palette (#FFF1F3, #EBD5D4, #F58DA4, #A76460, #4E4743)
• Cocoa Veranda color palette (#FFF2EE, #BDEBFC, #E0DACE, #CCA2BE, #793C1E)
• Worn Lagoon Basin color palette (#F8F5EA, #BADCAC, #409E76, #75567E, #292912)
• Aged Aqua Workshop color palette (#FFF2EE, #FFB5B8, #68CFC9, #5EB0BF, #46332E)

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