Cocoa Lagoon color palette — #F5DEF7 · #949AC3 · #86666E · #604422 · #342B10

Cocoa takes the lead with Blue Fog close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F5DEF7): A whisper-light, dusty pink — the color of a candy shop window.
• Blue Fog (#949AC3): A luminous, dusty violet — the color of twilight just after sunset.
• Pewter (#86666E): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#604422): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#342B10): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: 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

• Ancient Cabin color palette (#D9F6DE, #89B0A1, #8F6D88, #653B36, #332D28)
• Worn Bronze color palette (#D1E8FF, #B2BDD8, #9590B2, #8C663B, #4B4917)
• Tempered Taupe color palette (#FCCFFF, #D191A5, #7F7672, #35573A, #00342F)
• Wisteria Lagoon color palette (#EBE9F6, #C17FC3, #964865, #454900, #002D0A)
• Hushed Mulberry Chapel color palette (#E3ECFE, #7E78A7, #6F3F6F, #432E00, #101400)
• Tempered Garden color palette (#FFEBF9, #DAB2C0, #A58081, #795A0E, #373730)
• Hushed Ash color palette (#E5FEDF, #B7DEFF, #A98FB9, #5C7955, #233D1E)
• Wandering Abyss Canyon color palette (#FFE4E6, #AC8176, #895643, #014C2D, #0A250B)

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