Tempered Cocoa Alley color palette — #CCF3E5 · #006798 · #863700 · #243E00 · #00050C

A conversation between Rust and Peacock, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CCF3E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006798): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#863700): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#243E00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Worn Petrol Balcony color palette (#DDF1E9, #006895, #655000, #003F39, #00050B)
• Softworn Ultramarine Alley color palette (#DDEBFF, #005AC0, #813000, #2D2900, #000105)
• Patina Mulberry color palette (#D8F8E2, #006D7C, #9C0032, #423400, #000607)
• Grape Grove color palette (#FFE6F3, #6534D5, #664F00, #003F37, #050019)
• Pale Dune color palette (#DFE7F8, #5867F5, #A55A00, #7F4300, #02001E)
• Mulberry Bloom color palette (#CBE5DE, #0086E3, #990044, #00477C, #060001)
• Wandering Corridor color palette (#F7E2F0, #6C67F9, #365C00, #004963, #1B0315)
• Dusty Lantern color palette (#F0F1E2, #5058F2, #7E0075, #003617, #100029)

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