Cocoa Loft color palette — #FDF5DF · #FFCDDB · #CB946B · #4A7991 · #672A11

Built around Rust, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Cream (#FDF5DF): A whisper-light, dusty green — the color of fresh herbs.
• Shell Pink (#FFCDDB): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#CB946B): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#4A7991): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#672A11): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

Use it as a design system

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

• Dusty Study color palette (#FFF4E0, #FFD1C4, #B1A26D, #846785, #5E3300)
• Softworn Stone Courtyard color palette (#FAF5E3, #EFC0DE, #D1A382, #699786, #58413C)
• Jade Delta color palette (#FFF2EE, #FFB4BE, #77A976, #3A728E, #452F48)
• Cypress Market color palette (#EBFAEE, #CD979A, #996B4B, #006860, #563F51)
• Timeworn Bloom color palette (#FFF3E4, #FFBD69, #809D60, #5F5C91, #34312B)
• Ancient Denim color palette (#FFF5D8, #FFA29E, #AD7C00, #0058A3, #401C0C)
• Wandering Orchard color palette (#F7F6EC, #B7E6F0, #83BCAD, #967F81, #424C00)
• Timeworn Lantern color palette (#FFF2EB, #F98C6E, #754A02, #332923, #130E0D)

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