Tempered Cocoa color palette — #D1FBFF · #007358 · #712E00 · #352800 · #020900

Rust and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D1FBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#007358): A full-bodied, balanced teal — the color of sea glass.
• Rust (#712E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#352800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#020900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Cypress Grove color palette (#CEF1FF, #00717C, #584100, #203400, #000705)
• Garnet Summit color palette (#C5F0EB, #136F10, #860016, #432400, #060600)
• Mulberry Alley color palette (#D0FDEA, #6E7000, #7D0054, #4E0800, #0D0600)
• Timeworn Lagoon color palette (#E5F6F5, #539C71, #915445, #62400C, #0B1C18)
• Pale Brick Chapel color palette (#E9F2CE, #009E46, #C21200, #633D00, #171900)
• Moonless Denim Garden color palette (#DFEEFF, #004974, #263600, #002117, #000102)
• Hushed Fern color palette (#E7F4FF, #4384B8, #4D6B22, #00503B, #02161F)
• Hazy Cabin color palette (#EFF6FF, #448AFF, #8200D2, #5A2C00, #000403)

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