Tempered Cocoa Drift color palette — #E7FBF1 · #CDDFFE · #FFB7A5 · #67A3BF · #6E340F

Bronze takes the lead with Melon close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#CDDFFE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Melon (#FFB7A5): A whisper-light, balanced orange — the color of sun-warmed clay.
• Blue Fog (#67A3BF): A luminous, dusty blue — the color of deep harbor water.
• Bronze (#6E340F): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Weathered Harbor color palette (#E9FAF3, #A9DCFF, #FBB2A5, #75B0D7, #534B48)
• Honey Pier color palette (#FEF0FA, #E3D7F1, #E7C880, #8B96CE, #4A463F)
• Aged Lagoon color palette (#EFF9EB, #93FCE9, #FCB2D7, #60AA9C, #5E3B3B)
• Wandering Corridor color palette (#FDF1FB, #CDE6D2, #7285B0, #543E50, #21181F)
• Washed Cabin color palette (#E3FCF0, #F1DAD7, #A1CFD5, #B3AEA3, #415751)
• Ancient Petrol color palette (#EDF7FD, #82B9CF, #C38A68, #007EA0, #644053)
• Taupe Cabin color palette (#E4F5FB, #88BDCD, #BF9357, #008286, #442B02)
• Glacier Workshop color palette (#E2FDEF, #7DD9FF, #EEA78E, #C09976, #2A3D34)

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