Cocoa Lagoon color palette — #D8ECE8 · #77C3D2 · #7297BE · #8A635D · #692F09

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

The five colors

• Honeydew (#D8ECE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#77C3D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7297BE): A luminous, dusty blue — the color of open sky before noon.
• Pewter (#8A635D): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#692F09): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Lagoon 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 Chestnut color palette (#CFEBD1, #90C0AD, #A487A1, #94533A, #673700)
• Worn Stone color palette (#EAEBC0, #8AC9AE, #5C9FA2, #785C63, #573735)
• Powdered Ridge color palette (#D4EEF9, #81B3FF, #8374C4, #8C573C, #513C0D)
• Ancient Pewter Cabin color palette (#EDF7FF, #BFD1E7, #8796B6, #845D77, #422C4B)
• Chalky Turquoise Basin color palette (#C7F2F1, #39A5C5, #4971AC, #72363C, #40240B)
• Softworn Cabin color palette (#DEECC1, #96B59C, #58769A, #784411, #4D3A11)
• Tempered Bloom color palette (#E5EDFF, #AA9BCA, #A06B90, #745505, #314015)
• Misty Amber color palette (#DBF6EA, #4CC8FE, #C76712, #007CA6, #502A0F)

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