Tempered Cocoa Lagoon color palette — #FDEFE8 · #DFDBC6 · #BDCDA5 · #B47E94 · #582E00

Espresso and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDEFE8): a clean, paper-quiet neutral.
• Bone (#DFDBC6): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BDCDA5): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#B47E94): A luminous, dusty rose — the color of a warm blush.
• Espresso (#582E00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Patina Driftwood Quarry color palette (#FEEFE0, #D8DEC5, #9BC3B9, #AE7368, #3C3832)
• Patina Straw color palette (#FEF0FC, #E6E3A7, #E7D8D6, #A594B5, #5A4C54)
• Bronze Drift color palette (#F8F1E2, #C1BCA1, #9D7E39, #725028, #2D2E18)
• Pale Study color palette (#FFEEE3, #DDE6B2, #A2C983, #B84048, #372400)
• Soft Olive color palette (#F0DFD7, #AC823A, #5E7500, #630024, #040100)
• Lagoon Coast color palette (#F0DFC8, #A6B573, #00A37D, #743100, #110D00)
• Softworn Pier color palette (#F3EDD7, #79AF74, #00867A, #4C3000, #030700)
• Terracotta Drift color palette (#FFE4CC, #D3C583, #73AE77, #963729, #241A00)

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