Tempered Cocoa Basin color palette — #D1F5F3 · #5CACB1 · #4C699A · #733D00 · #3F4200

Built around Bronze, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D1F5F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#5CACB1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4C699A): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#733D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3F4200): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Soft Garnet Delta color palette (#DAE2D3, #5CAFA2, #007499, #921A00, #503800)
• Frosted Abyss color palette (#C4EEEC, #6BA6CF, #736CAA, #585100, #034D1C)
• Patina Orchard color palette (#C8E7DC, #BA99AF, #8E676E, #43603C, #33482A)
• Faded Petrol color palette (#FFF2EC, #84C3D0, #0077A4, #005748, #003167)
• Softworn Alley color palette (#F4D7F2, #7784B8, #69466B, #253E00, #00322D)
• Bronze Coast color palette (#EBFBE5, #B6D2C3, #A38B99, #8A6321, #42533B)
• Antique Iris color palette (#D5E1EF, #7996E8, #6759A6, #702E4D, #400B18)
• Washed Plum Hollow color palette (#D9E6F0, #979EE9, #964E87, #255F1A, #004938)

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