Tempered Cocoa color palette — #DAEDDF · #A4C08A · #09A19F · #7C3400 · #010100

Built around Rust, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DAEDDF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A4C08A): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#09A19F): A luminous, balanced teal — the color of shallow lagoons.
• Rust (#7C3400): A full-bodied, balanced orange — the color of toasted spice.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Azure color palette (#CAECE6, #79BEB0, #3899D2, #5D4700, #000201)
• Feathered Garnet Thicket color palette (#FFD7B4, #BAB172, #399C67, #811D35, #020100)
• Jade Lantern color palette (#EFE5CA, #9BB57D, #42B16E, #885900, #111200)
• Patina Garnet Boulevard color palette (#E9DDC7, #85A365, #007E74, #5C1800, #120C00)
• Worn Periwinkle Pier color palette (#D4FFFB, #71D8E0, #7DA6FF, #585300, #000603)
• Twilit Olive color palette (#D6ECDB, #6E793A, #4B3900, #210C00, #000200)
• Bronze Field color palette (#D6FFF8, #9BEDDF, #73BCEA, #806800, #001A09)
• Antique Parlor color palette (#DDF5ED, #648800, #1D209E, #223100, #00000B)

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