Cocoa Canyon color palette — #FFF3E5 · #C1E3D2 · #8AD1DF · #C58D8B · #5D4500

Bronze and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#C1E3D2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8AD1DF): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#C58D8B): A luminous, dusty orange — the color of autumn markets.
• Bronze (#5D4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Wandering Taupe color palette (#E9FBE7, #C0E9ED, #A3BED4, #CC8B85, #344A3E)
• Dusty Seafoam Archive color palette (#FFF3E2, #99FDE0, #D9E4C6, #CDA67F, #624B00)
• Powder Orchard color palette (#F2F9DD, #B8E6DA, #91C2FA, #968A43, #394A2E)
• Basalt Market color palette (#FFF3E5, #CBBD98, #AB885A, #895C4D, #423F00)
• Tempered Villa color palette (#FFF1CE, #C4ECA2, #00D7DF, #B65B00, #323900)
• Tempered Chapel color palette (#F6F6EC, #E4BB99, #657A50, #374924, #232217)
• Teal Ridge color palette (#F4EFDD, #4FBB94, #168EB8, #683D00, #001603)
• Softworn Moss Chapel color palette (#FAF5E7, #A6A43F, #AC7DA7, #8A5D85, #35332C)

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