Hushed Cocoa Loft color palette — #FFF0F8 · #FFBEC0 · #CD8E7B · #8D643A · #584803

A conversation between Deep Olive and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Ballet Pink (#FFBEC0): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#CD8E7B): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#8D643A): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#584803): A full-bodied, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Tempered Fern color palette (#FFEFFF, #EBAEBB, #AC7165, #78551B, #494B00)
• Antique Mallow color palette (#F5F3FF, #E9B4E9, #C98BA6, #99615E, #6C3D20)
• Sand Alley color palette (#FFF0FA, #FDC595, #B69E60, #727842, #2E552B)
• Powdered Tangerine color palette (#FFE4E3, #FE6912, #986800, #514700, #192600)
• Sunlit Amber Balcony color palette (#FFDEE5, #FF9678, #C17100, #795B00, #313700)
• Stone Balcony color palette (#E5FCEE, #EFA5BB, #B9855E, #48758E, #50434F)
• Weathered Market color palette (#FCEDF7, #E77656, #4D5D4C, #3E353B, #242025)
• Ash Field color palette (#F8F3FA, #E6D7D9, #BCAFA7, #AB91B2, #555157)

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